首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >禁用角度选择不起作用

禁用角度选择不起作用
EN

Stack Overflow用户
提问于 2015-08-12 06:20:54
回答 1查看 2.3K关注 0票数 4

嗨,我有一个问题,禁用选定的选项卡时,页面加载。我的js代码如下所示。

代码语言:javascript
运行
复制
(function() {
  angular.module('chosenExampleApp', ['localytics.directives']).controller('IndexCtrl',function($scope) {
      $scope.testProp = "hello";
      $scope.myPets = ['cat'];
      $scope.pets = {
        cat: 'Cat',
        dog: 'Dog',
        hamster: 'Hamster'
      };  
    })

}).call(this);

Html正文如下所示。

代码语言:javascript
运行
复制
<body ng-controller="IndexCtrl">
    Disable <input type="radio" ng-model="testProp" name="radiotest" value="hello"/>
    Enable <input type="radio" ng-model="testProp" name="radiotest" value="hello1"/>
  <select
    multiple
    ng-model="myPets"
    ng-options="value as label for (value, label) in pets"
    chosen
    ng-disabled="testProp=='hello'"
    style="width:200px;">
  </select>
</body>

由于testProp的值设置为hello,所以我希望在页面加载时禁用所选的值。但是当页面启用时,我选择了loads.Once按钮,然后选择禁用,它可以正常工作。请告诉我如何解决这个问题。

柱塞的链接是这里

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-12 21:56:32

那么,看起来就像指令中的一个bug,即:它在初始化所选插件之前移除disabled属性。这个线路

代码语言:javascript
运行
复制
stopLoading = -> element.removeClass('loading').attr('disabled', false).trigger('chosen:updated')

是问题所在。它应该是:

代码语言:javascript
运行
复制
stopLoading = -> element.removeClass('loading').attr('disabled', attr.disabled).trigger('chosen:updated')

您可以修补源代码或等待/修复它,我打开了问题这里

下面是固定的演示http://plnkr.co/edit/gFLbMpG93TtB9xQBNTfH?p=preview

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31957415

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档