按鈕未禁用

Question

我試圖根據條件禁用按鈕，但是在綁定數據或分配的新值未反映時遇到問題

<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。

有人可以幫助我哪里我做錯了。

Answer 1

指令的控制器看不到局部變量。 為了能夠從HTML訪問變量，您需要將其放在控制器的作用域內。

如果（index == -1）{disableButton = true; }

您必須將變量分配給作用域：

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