ng值无法正常工作

时间:2017-09-26 17:49:43

标签: javascript angularjs angularjs-directive

在角度1 ng值中,如果需要ng,则无法正常工作。运行以下代码时,它显示“输入字段不能为空” 虽然它包含“John”的值。 当输入其他值或从输入字段中删除某些内容时,所需的句子将消失。

有人知道如何解决这个问题吗?

ACME
ACME
Random Text
Broadway

1 个答案:

答案 0 :(得分:2)

这是因为您在表单初始化时myInput使用ng-model undefined<!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <body ng-app=""> <form name="myForm"> Click here to make the input field required: <div ng-app="" ng-init="firstName='John'"> <input name="myInput" ng-model="firstName" ng-value="firstName" ng-required="true"> <h1 ng-if="!myForm.myInput.$valid">The input field cannot be empty</h1> </form> </body> </html>如果你ng-init ng-model值,你将得到你预期的行为(因为&#34; John&#34;表格初始化时将出现在模型中):

&#13;
&#13;
{{1}}
&#13;
&#13;
&#13;