2

我正在开发一个 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 也是如此。

有什么想法吗？到目前为止，我无法找到解决方案。

4

0 回答 0