angular 指令中的 ng-disabled

Question

我有一个 angular 指令：

angular.module("app").directive("myButtons", function () {
    return {
        restrict: "E",
        scope: {
            bdisabled: '='
        },
        templateUrl: "buttons.html"
    }
});

模板：

<input type="submit" value="Update" ng-disabled="{{bdisabled}}" />

html:

<my-buttons bdisabled="!form.$valid"></my-buttons>

我正在尝试在我的模板中设置按钮的禁用状态。上面的代码几乎可以工作了。

表单加载并有效，html呈现如下：

<input type="submit" ng-click="bdisabled()" value="Save" ng-disabled="false" disabled="disabled">

当我使表单无效时，ng-disabled 更改为 true 但 disabled="disabled" 无论如何都会保留。

我做错了什么？

Answer 1

因为 ng-disabled 是 angular 指令不需要使用大括号

<input type="submit" value="Update" ng-disabled="bdisabled" />

Answer 2

将 ng-disabled="{{bdisabled}}" 更改为 ng-disabled="bdisabled"、

不需要插值运算符，因为它已经在 angular 范围内。

Answer 3

您可以在 ng-disabled 中使用变量本身，例如ng-disabled='disabled' 不需要插值运算符，因为它是原生 angular 指令

angular 指令中的 ng-disabled

ng-disabled within angular directive

angularjs

angularjs-directive

angularjs-ng-disabled