AngularJS 禁用 ngClick [英] AngularJS Disable ngClick

查看：32
本文介绍了AngularJS 禁用 ngClick的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在 AngularJS 中，有没有办法让 ng-click 依赖于布尔值?

例如，我希望以下文本(点击")可点击，但仅当某些范围属性(例如，$rootScope.enableClick)是 true.

点击

最好，有没有一种直接的方法可以在不创建自定义指令的情况下做到这一点?

解决方案

使用奇怪而奇妙的 && 逻辑运算符:

点击我

演示

.clickable {光标:指针；}

<script src="//unpkg.com/angular/angular.js"></script><body ng-app ng-init="count=0"><div ng-click="!stop && (count = count + 1)" class="clickable" >点击我</div><div>Count={{count}}</div><input type="checkbox" ng-model="stop">停止计数<br>

<小时>

更新

或者使用带有ng-disabled<的按钮/a> 指令:

<button ng-click="count = count + 1" ng-disabled="stop" >点击我</button>

ng-disabled 指令不适用于 <div> 元素.disabled 属性不是全局属性.ng-disabled 指令仅适用于 、