angularjs - 在 Angular 指令中禁用 ng

Question

我有一个角度指令：

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是角度指令不需要使用大括号

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

Answer 2

更改ng-disabled="{{bdisabled}}"为ng-disabled="bdisabled",

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

Answer 3

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