ng-disabled / ng-readonly не работает

Я работаю над приложением 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 ответов

Другие вопросы по тегам