首页 / JAVASCRIPT / javascript – 为什么ng-disabled不能处理按钮？

javascript – 为什么ng-disabled不能处理按钮？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 为什么ng-disabled不能处理按钮？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1017字，纯文字阅读大概需要2分钟。

内容图文

我的Plunkr：http://plnkr.co/edit/4MkenJPczFbxy5aoillL?p=preview

<body ng-controller="mainCtrl as main">

<h1>Hello Plunker!</h1>
<p>Button should not be disabled:</p>

<div ng-init="main.btnDisabled = false">
    <button ng-model="main.my_button"
         ng-class="{ 'btn-success' : !tc.switching, 'btn-disabled' : tc.switching }"
         disabled="main.btnDisabled"
         type="button"
         class="btn btn-info btn-sm switch-btn">My Button</button>  
</div>

角

angular.module('app').controller('mainCtrl', function($scope) {
  vm = this;
  vm.btnDisabled = false;
});

我找到了this answer here,但它在我的例子中没有用.

解决方法:

该按钮被禁用,因为有禁用属性.这足以让浏览器知道该元素必须处于非活动状态. disabled属性的值无关紧要,可以是任何内容.

这正是Angular提供ngDisabled指令的原因,该指令在表达式求值为true时添加禁用属性,并在其为假时删除.

在你的情况下你应该使用

<button ng-model="main.my_button"
        ng-class="{ 'btn-success' : !tc.switching, 'btn-disabled' : tc.switching }"
        ng-disabled="main.btnDisabled"
        type="button"
        class="btn btn-info btn-sm switch-btn">My Button</button>

内容总结

以上是互联网集市为您收集整理的javascript – 为什么ng-disabled不能处理按钮？全部内容，希望文章能够帮你解决javascript – 为什么ng-disabled不能处理按钮？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/744516.html

来源：【匿名】