Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs获取按钮值_Angularjs - Fatal编程技术网

Angularjs获取按钮值

Angularjs获取按钮值,angularjs,Angularjs,我需要使用angularjs获取按钮id值。我已经编写了代码,但我获取的值为“未定义”。因此,请建议我需要使用的代码 我的代码是: <button type="button" class="btn btn-primary ole" data-toggle="tooltip" id="buttonvalue" name="rdoResult" value="SUN" ng-click="addvalue()" ng-model="testDate23" data-placemen

我需要使用angularjs获取按钮
id
值。我已经编写了代码,但我获取的值为
“未定义”
。因此,请建议我需要使用的代码

我的代码是:

 <button type="button"  class="btn btn-primary ole" data-toggle="tooltip"  id="buttonvalue" name="rdoResult"  value="SUN" ng-click="addvalue()"  ng-model="testDate23"  data-placement="left" data-original-title="this is a left tooltip">
      SUN
</button>

<button type="button"  ng-value="2"  class="btn btn-primary ole two" data-toggle="tooltip"  ng-click="addvalue()" 
 ng-model="testDate23" value="MON"  id="buttonvalue" data-placement="top" data-original-title="this is a top tooltip">
      MON
</button>

按钮是用于提交数据的输入,而不是设置数据。

您需要使用指令

现场示范

var myApp=angular.module(“myApp”,[]);
控制器(“myCtrl”,函数($scope){
$scope.getValue=function(){
$scope.value=$scope.testDate23;
}
});
指令('buttonValue',函数(){
返回{
限制:“A”,
范围:{
按钮值:“=”
},
链接:功能(范围、元素、属性){
作用域.$watch(函数(){return attr.ngValue},函数(newVal){
scope.buttonValue=newVal;
});
}
};
});

周一

testDate23={{testDate23} value={{value}}
您可以试试这个

<button type="button"  ng-init="value=2"  class="btn btn-primary ole two" data-toggle="tooltip"  ng-click="addvalue()" 
ng-model="testDate23" value="MON"  id="buttonvalue" data-placement="top" data-original-title="this is a top tooltip">
  MON
</button>

按钮


btn2
找小提琴


希望对您有所帮助。

如果您想设置硬编码值,请使用
ng init

    $scope.addvalue = function(element) {
      $scope.testDate23 = element.currentTarget.value; // this will return the value of the button
    console.log( $scope.testDate23)
   };

周一

您可以在同一模板中使用value aywhere。

您需要在ng click函数中传递$event,如下所示

下面是函数的实现


是的,但当我点击该按钮时,我需要获取该值。我熟悉的唯一方法是通过指令scope.value=attrs.valueit's not working(范围值=属性值)获取按钮的角度值。如果希望“值”删除ng值,反之亦然。这是一个plunkr,我已经看到了代码,但是在加载页面时,当单击按钮时,值不会出现。请查看代码无论
testDate23
的值在绑定之前是什么,在方法中都是相同的。在
$scope.testDate23
中需要什么?您可以使用多个按钮,也可以使用
ng repeat
   <button ng-click="addvalue(testDate23='MON')">
    btn2
   </button>
<button type="button"  ng-init="value=2"  class="btn btn-primary ole two" data-toggle="tooltip"  ng-click="addvalue()" 
ng-model="testDate23" value="MON"  id="buttonvalue" data-placement="top" data-original-title="this is a top tooltip">
  MON
</button>
   ng-click="addvalue($event)"
    $scope.addvalue = function(element) {
      $scope.testDate23 = element.currentTarget.value; // this will return the value of the button
    console.log( $scope.testDate23)
   };