当触发 ng-click 时，AngularJS 使按钮 ng-required 为 false

Question

我正在处理一个 AngularJS 项目，我需要在其中更新按钮的行为。 我对 AngularJS 很陌生，所以我很挣扎

当ng-click="addItemToCollection(item)"被触发时，我的按钮有什么办法变成ng-required="false" ，这意味着当用户单击按钮时，将值更改为ng-required="false" ？

尝试了很多方法，但所有方法都完全失败了。

<button class="btn btn-sm" ng-required="true" name="no-validate"
        ng-click="addItemToCollection(item)" 
        type="button" btn-checkbox-true="1" btn-checkbox-false="0" 
  ><i class="somethingicon"></i><span> Action</span><span>
</button>
<button class="btn btn-sm" ng-required="true" name="no-validate"
        ng-click="addItemToCollection(item)" 
        type="button" btn-checkbox-true="1" btn-checkbox-false="0" 
  ><i class="somethingicon"></i><span> Action</span><span>
</button>

<button class="btn btn-sm" ng-required="true" name="no-validate"
        ng-click="addItemToCollection(item)" 
        type="button" btn-checkbox-true="1" btn-checkbox-false="0" 
  ><i class="somethingicon"></i><span> Action</span><span>
</button>

基本上我需要当列表中的至少一个按钮被点击时，它们都变得不是必需的，所以可以提交表单，如果没有一个被点击，那么它应该阻止表单。 谢谢。

我最初的方法之一是查看主要的 $scope 对象并检查是否有一个项目添加到集合中，使所有按钮都不需要，但同样，没有用。

Answer 1

ng-required指令不适用于按钮。

也许您的意图是禁用提交按钮：

<button ng-click="addItemToCollection(item)" type="button">
   <i class="somethingicon"></i><span> Action</span>
</button>

<button ng-click="submit()" ng-disabled="!somethingAdded">Submit</button>

$scope.somethingAdded = false;

$scope.addItemToCollection= function(item) {
    $scope.somethingAdded = true;
    // ...
    // add item to collection
};

有关详细信息，请参阅

• AngularJS ng-disabled指令 API 参考

Answer 2

您至少需要一个 javascript 对象

$scope.buttons = {
   button1:true,
   button2:true,
   button3:true
};
$scope.addItemToCollection(item,button){
  if(button==1){
   $scope.buttons.button2 =false;
   $scope.buttons.button2 =false;
  }
  ....
}

在 HTML 中

"ng-required="{{buttons.button1}}"
"ng-required="{{buttons.button2}}"
"ng-required="{{buttons.button3}}"

ngclick="addItemToCollection(item,1)"
ngclick="addItemToCollection(item,2)"
ngclick="addItemToCollection(item,3)"