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

时间:2017-12-25 21:58:53

标签: angular5 angular-directive

我是Angular的新手,并且不知道Angular< 4是什么,因为我正在使用Angular5。我只是通过angular @ Cli创建了Angular应用程序,并在其中一个组件中尝试添加一个表单:

{{1}}

但问题是,即使条件为false,按钮(Post post)也没有被禁用,这意味着标题字段为空。这可能是什么问题。 ng-directive是否依赖于某些外部bootstrap / jquery文件?提前致谢。

2 个答案:

答案 0 :(得分:1)

我认为你正在混合角度JS(1.x)和angular(4)指令。

在最新的角度,你如何使用ng-disabled \

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

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

答案 1 :(得分:0)

你应该使用表格。$ 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>