AngularJS输入$ valid始终为false且没有错误

时间:2015-06-06 13:22:37

标签: angularjs validation angularjs-directive frontend

我正在尝试在我的项目中应用AngularJs验证。所以编写了以下代码:

 <form name="recipeTitle">
   <input ng-if="edit" required type="text" ng-model="recipe.name" name="name"/>
 </form>
 <span>valid = {ng recipeTitle.name.$valid ng}</span>
 <span>errors = {ng recipeTitle.name.$error ng}</span>

如果输入中未输入任何值,则返回:

valid = false
errors = {"required":true}

当输入字段中出现任何值时,验证将返回:

valid = false 
errors = {}

我不知道如何让$ valid属性成为现实。感谢任何帮助,谢谢。

1 个答案:

答案 0 :(得分:3)

我有同样的问题。如果您使用$ scope:

,它会起作用
<span>valid = {ng $scope.recipeTitle.name.$valid ng}</span>
<span>errors = {ng $scope.recipeTitle.name.$error ng}</span>

而不是

<span>valid = {ng recipeTitle.name.$valid ng}</span>
<span>errors = {ng recipeTitle.name.$error ng}</span>