Angular ng-required 和 ng-disabled 指令不起作用答案

【问题标题】：Angular ng-required and ng-disabled directives not workingAngular ng-required 和 ng-disabled 指令不起作用
【发布时间】：2018-06-06 22:10:56
【问题描述】：

我是 Angular 新手，不知道 Angular

<form name="myForm"  novalidate >
<input type="text" name="title"   [(ngModel)]="question.title" ng-required="true" /><br>
<input type="text" name="desc"   [(ngModel)]="question.desc" ng-required="true" /> <br>
<input type="button" (click)="PostQuestion()" ng-disabled="!myForm.title.$valid" name="submit" value="Post question" /> </form>

但这里的问题是按钮（发布问题）即使在条件为假之后也没有被禁用，这意味着标题字段为空。这里可能是什么问题。 ng-directive 是否依赖于某些外部引导程序/jquery 文件？提前致谢。

【问题讨论】：

1)。使用[disabled] 而不是ng-disabled。 2）使用[attr.required]=" isRequired == true ? 'required' : null "而不是ng-required
谢谢@hrdkisback，这些指令有效，但你能告诉我为什么吗？为什么 ng-disabled 和 ng-required 在他们使用它们的教程中不能像所有地方一样工作？
ng-disabled 和 ng-required 仅在 AngularJS 中支持，您不能在 Angular-Cli 中使用，问题是您在 Angular-Cli 项目中使用 angularjs 的指令。
谢谢@hrdkisback。非常感谢您的帮助。

标签： angular5 angular-directive

【解决方案1】：

您应该改用表单.$invalid。

 <form name="myForm"  novalidate >
     <input type="text" name="title"   ng-model="question.title" ng-required="true" /><br>
     <input type="text" name="desc"   ng-model="question.desc" ng-required="true" /> <br>
     <input type="button" ng-click="PostQuestion()" ng-disabled="myForm.$invalid" name="submit" value="Post question" /> 
</form>

【讨论】：

感谢您的回复，但仍然没有运气，同样的行为。
我刚刚注意到您的 ngModel 属性。它们应该是 ng-model，我编辑了代码以正确显示它。
[(ngModel)] 工作正常，但 ng-Model 没有。我试过你的代码。
谢谢，如果我从 jsfiddle 示例中删除 javascript sn-p，则 ng-disabled 不起作用。为什么会这样？这也是我在原始问题中提出的问题，ng-disabled/ng-required 是否依赖于其他一些东西？
@DevUsman，darkhouse 提供的解决方案是针对 angular1，对于 angular2，您可以使用 formControls 或简单地使用 ngControl 来访问指令的行为

【解决方案2】：

我认为您正在混合使用 Angular JS (1.x) 和 Angular (4) 指令。

在最新的 Angular 中，这是您使用 ng-disabled 的方式\

<button type="submit" [disabled]="!ngForm.valid">Submit</button>

这只是一个例子。请尝试更改您的代码

【讨论】：