Кнопка не отключена - PullRequest
Новая
       19

Кнопка не отключена

0 голосов
/ 24 января 2019

Я пытаюсь отключить кнопку на основе условия, но у меня возникла проблема, когда привязка данных или новое назначенное значение не отражают 

<md-dialog aria-label="Image Preview">
    <md-toolbar>
        <div class="md-toolbar-tools">
            <span flex></span>'

            <md-button ng-click="back()" style="right:1239px";>Previous</md-button>
            <md-button ng-click="next()" ng-disabled={{disableButton}}>Next
        </md-button>
            <md-button class="md-icon-button" ng-click="cancel()">
                <md-icon md-font-library="material-icons" aria-label="Close dialog" class="icon-static">close</md-icon>
            </md-button>
        </div>
    </md-toolbar>
    <md-dialog-content>
        <img ng-src="{{imageSrc}}" alt="{{title}}" class="demo-image">
            <div>
                <h2>Comments</h2>
            </md-dialog-content>
        </div>
    </md-dialog>

Код JS 

var index = attrs.indexNumber;
var disableButton = false;
if(index == -1){
disableButton = true;
}

Проблема здесь в том, что значение disableButton, установленное в true, не отражается обратно в html.

Может кто-нибудь помочь мне, где я ошибаюсь.

1 Ответ

0 голосов
/ 30 января 2019

Локальная переменная не видна контроллеру директивы. Чтобы иметь доступ к вашей переменной из HTML, вам нужно поместить ее в область видимости контроллера.

вместо var disableButton = false if (index == -1) { disableButton = true; }

Вы должны присвоить переменную области: 

$scope.disableButton = false;
if (index == -1){
    $scope.disableButton = true;
}
...