正确设置了ng-disabled，但未影响HTML禁用attr

Question

我正在尝试在下拉列表中包含特定字符串时启用/禁用按钮。

HTML

<select ng-change="checkType()" ng-options="sth in sth for things"></select>
<input ng-disabled="{{toggleDisable}}" />

JS

//code that sets `myFlag`. it works, so I have not posted it

$scope.toggleDisable = false;
$scope.checkType = function(){
   $scope.toggleDisable = $scope.myFlag ? true : false;
};

我可以看到ng-disabled="{{toggleDisable}}"将开发工具从true更改为false，但输入始终保持为我最初设置的值。

Answer 1

您可以尝试使用以下代码：

<input ng-disabled="toggleDisable" />

Answer 2

<select ng-change="checkType()" ng-options="sth in sth for things"></select>
<input ng-disabled="toggleDisable" />

删除“{{}}”。

查看文档以获取更多信息： https://docs.angularjs.org/api/ng/directive/ngDisabled