gpt4 book ai didi

html - ng-disabled of image in angularjs

转载 作者:搜寻专家 更新时间:2023-10-31 22:00:27 25 4
gpt4 key购买 nike

我想在单击切换按钮时禁用我的图像。我想我的代码是正确的,但它不能正常工作。当切换设置为 true 时,我单击图像,它应该发出“测试”警报,当切换设置为 false 时,图像被禁用,因此不会显示任何警报。

但是当我点击它的警报测试按钮时,我的问题是对还是错。怎么了?

var app = angular.module('main', []).
controller('DemoCtrl', function($scope, $filter) {
$scope.isEnabled=true;
$scope.test = function() {
alert('test');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="main" ng-controller="DemoCtrl">
<h1>Image disable</h1>
<img src="http://s7.postimg.org/w7w78jgjf/check_box_1.png" alt="Add" height="25" width="25" ng-disabled="!isEnabled" ng-click="test()"></img>
<br/>
<button title="Toggle" ng-click="isEnabled = !isEnabled">toggle</button>
{{isEnabled}}
</body>

最佳答案

ng-click 即使 img 元素有 ng-disabled 也会被触发。

一个简单的解决方案是更改您的 ng-click 以检查参数

<img src="http://s7.postimg.org/w7w78jgjf/check_box_1.png" alt="Add" height="25" width="25" ng-disabled="!isEnabled" ng-click="!isEnabled || test()"></img>

关于html - ng-disabled of image in angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28575962/

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