Как я могу добавить и получить значение кнопки в угловых?

Question

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

Как добавить значение по умолчанию для моей кнопки A. Как я хотел, чтобы кнопка A имела значение «OK», а B - значение «BYE».Поэтому, если нажать кнопку А, я смогу получить значение «ОК».Как я могу добиться этого в angularjs?Заранее спасибо.

Answer 1

Вы можете жестко запрограммировать значение вашей кнопки следующим образом:

<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>

и добавить в свой скрипт такую ​​функцию:

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

Рабочий код здесь:

<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>

Answer 2

Используйте функцию onClick (), и внутри этих функций вы присваиваете эти значения, т.е. Ok и Bye

Answer 3

Вы можете сделать это, используя ng-init и 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>

Пример ссылки:

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

Подробнее см. В руководстве: https://docs.angularjs.org/api/ng/directive/ngClick введите описание ссылки здесь