防止在angularjs中多次点击按钮?

时间:2017-07-10 17:51:06

标签: angularjs

我在AngularJS中有多次重复用户点击按钮列表的按钮?

1 个答案:

答案 0 :(得分:2)

您可以设置属性并在ngClick中进行检查,也可以将ng-disabled属性用于buttons - 请注意,无法停用锚点。

<button 
  ng-click="!isButtonClicked && (isButtonClicked=true) && clickButton()"
>Click Me Once</button>

<button 
  ng-click="(isButtonClicked=true) && clickButton()"
  ng-disabled="isButtonClicked"
>Click Me Once</button>

或两者兼顾从#34;禁用&#34;通过$scope属性进行即时检查。

<button 
  ng-click="!isButtonClicked && (isButtonClicked=true) && clickButton()"
  ng-disabled="isButtonClicked"
>Click Me Once</button>