AngularJS

Question

我知道我做错了什么，但这是代码：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<form>
    <input type="submit" ng-disabled="false" value="Not Disabled"/> <!-- Shouldn't be disabled -->
    <br>
    <input type="submit" ng-disabled="true" value="Disabled"/> <!-- Should be disabled -->
</form>

为什么第二个提交按钮没有被禁用？我在网上搜索了一下，我认为您可以使用 ng-disabled 将布尔值作为禁用属性。
谢谢

Answer 1

仅当表达式的计算结果为真且父元素具有 ng-app 属性时，按钮才会被禁用。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<form>
    <input type="submit" ng-disabled="false" value="Not Disabled"/> <!-- Shouldn't be disabled -->
    <br>
    <div ng-app ng-init="disableBtn=true">
<input type="submit" ng-disabled="disableBtn" value="Disabled"/> <!-- Should be disabled -->
</div>
    
</form>

Answer 2

代码需要 ng-app 指令来启动 AngularJS。否则 ng-disabled 指令将不会被编译：

̶<̶f̶o̶r̶m̶>̶
<form ng-app>

演示

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<form ng-app>
    <input type="submit" ng-disabled="false" value="Not Disabled"/> <!-- Shouldn't be disabled -->
    <br>
    <input type="submit" ng-disabled="true" value="Disabled"/> <!-- Should be disabled -->
</form>

AngularJS - 提交按钮未禁用（我是新手）

AngularJS - Submit button not disabling (im a newbie)

javascript

html

attributes

angularjs-ng-disabled

演示