Question

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

如何为我的按钮A添加默认值。就像我希望按钮A的值为“OK”而B的值为“BYE”。因此，如果单击按钮A，那么我可以获得值“OK”。我如何在angularjs中实现这一目标？提前谢谢。

Answer 1

您可以使用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 enter link description here

Answer 2

您可以像这样硬编码按钮的值：

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

使用onClick（）函数并在这些函数中分配这些值，即Ok和Bye

如何以角度添加和获取按钮的值？

3 个答案: