ng-disabled / ng-readonly无效

时间:2015-10-22 17:18:23

标签: javascript jquery angularjs ng-show angularjs-ng-disabled

我正在使用AngularJS应用程序而且我被卡住了。 我有一个简单的标签界面部分,每个标签部分都有相同的布局。当我切换标签时,我检查是否符合条件,并根据结果,我想禁用一些输入元素(文本区域/按钮等)。

这就是我正在做的事情:

function switchEditTab(param)
{
    /* other stuff here */

    $scope.readyToShare = false;

    if($scope.current_storyboard.id_creator == $scope.currentIDUser)
    {
        $rootScope.enableOtherEdit = true;
    }
    else
    {
        $rootScope.enableOtherEdit = false;
    }

    /* other stuff here */
}

和HTML

<input id="s_name" 
       caret-aware="cursor" 
       class="textLight s_input" 
       type="text" 
       placeholder="Type name..." 
       value="{{s.first.title}}" 
       ng-model="s.first.title"
       ng-class="{ input_warning: name_warning == true }"
       ng-disabled="!enableOtherEdit">
</input>

我一遍又一遍地检查了条件和结果,这很好但是ng-disabled无法正常工作。事实上,它无法正常工作。

奇怪的是,如果单击第一个选项卡,除了按钮之外,字段将被禁用,无论条件是否满足。对于所有其他标签,没有任何反应。 同样适用于ng-readonly。

有什么想法?到目前为止,我无法找到解决方案。

0 个答案:

没有答案