CODEWITHSUNDEEP
htmlangularjs
Zerosero
Zerosero

Reputation: 343

How can I add and get value of a button in angular?

    <button type="button" class="btn btn-default">A </button>
    <button type="button" class="btn btn-default">B </button>

How can I add a default value to my button A. Like I wanted button A to have a value of "OK" and B a value of "BYE". So if button A is clicked then I am able to get the value "OK". How can I achieve that in angularjs? Thank you in advance.

Upvotes: 1

Views: 2341

Answers (3)

Sudhir Ojha
Sudhir Ojha

Reputation: 3305

You can hard code the value of your button like this:

<button type="button" class="btn btn-default" ng-click="callFun('OK')">A </button>
<button type="button" class="btn btn-default" ng-click="callFun('BYE')">B </button>

and in your script add a function like this:

$scope.callFun = function(value){
if(value && value==='OK'){
// Do stuff for OK
}else{
// Do stuff for BYE
}
}

Working Code here :

<div ng-app="myApp" ng-controller="myCtrl">
<button type="button" class="btn btn-default" ng-click="callFun('OK')">A </button>
<button type="button" class="btn btn-default" ng-click="callFun('BYE')">B </button>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.callFun = function(value){
        if(value && value==='OK'){
          alert(value)
          // Do stuff for OK
        }else{
          alert(value)
          // Do stuff for BYE
        }
    }
});
</script>

Upvotes: 1

5eeker
5eeker

Reputation: 1027

You can do it using ng-init and ng-click.

  <button type="button" ng-init="btnname=OK"  ng-click="callA()"class="btn btn-default">A </button>
  <button type="button" ng-init="btnname=BYE" ng-click="callB()" class="btn btn-default">B </button>

Example link :

https://www.w3schools.com/angular/tryit.asp?filename=try_ng_ng-click

Refer the manual for more : https://docs.angularjs.org/api/ng/directive/ngClickenter link description here

Upvotes: 0

Abhishek Konnur
Abhishek Konnur

Reputation: 529

Use onClick() function and inside these function you assign these value i.e Ok and Bye

Upvotes: 0

Related Questions