代码之家 › 专栏 › 技术社区 › MBJH

AngularJS-提交按钮未禁用(im是新手)

angularjs-ng-disabled attributes angularjs html javascript

0

MBJH · 技术社区 · 7 年前

我知道我做错了什么,但这里是代码:

<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将布尔值作为disabled属性。
谢谢。

2 回复 | 直到 7 年前

1

Unmitigated 7 年前

只有当表达式的计算结果为true且父元素具有 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>

2

0

georgeawg 7 年前

代码需要 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>