gpt4 book ai didi

AngularJS 禁用 ngClick

转载 作者:行者123 更新时间:2023-12-02 00:31:13 26 4
gpt4 key购买 nike

在 AngularJS 中,是否有任何方法可以使 ng-click 依赖于 bool 值?

例如,我希望以下文本(“点击”)可点击,但某些范围属性(例如,$rootScope.enableClick)是 true

<div ng-click="count = count + 1" ng-init="count=0">Click</div>

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

最佳答案

使用奇怪而奇妙的 && logical operatorng-click表达式:

<div ng-click="!stop && (count = count + 1)">Click me</div>

演示

.clickable {
cursor: pointer;
}
<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app ng-init="count=0">
<div ng-click="!stop && (count = count + 1)" class="clickable" >Click Me</div>
<div>Count={{count}}</div>
<input type="checkbox" ng-model="stop">Stop counting<br>
</body>


更新

或者使用一个按钮ng-disabled指令:

<button ng-click="count = count + 1" ng-disabled="stop" >Click Me</button>

ng-disabled指令不适用于 <div>元素。 disabled属性不是 global attribute . ng-disabled指令仅适用于 <input> , <button> , <textarea> , 和 <select>元素,因为这些元素支持 disabled property .

演示

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app ng-init="count=0">
<button ng-click="count = count + 1" ng-disabled="stop" >Click Me</button>
<div>Count={{count}}</div>
<input type="checkbox" ng-model="stop">Stop counting<br>
</body>

关于AngularJS 禁用 ngClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51845858/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com