Angularjs 未使用$error$invalid显示表单错误

我试图复制ng书中的一个例子

这是我的

app.js

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.fields = [{placeholder: 'Email', isRequired: true},
               {placeholder: 'Password', isRequired: true},
               {placeholder: 'Comment(Optional)', isRequired: false}]
  $scope.formSubmit = function(){
    for (var i=0; i < $scope.fields.length; i++)
    { var obj = $scope.fields[i] 
      for (var key in obj){
        if(obj.hasOwnProperty(key)){
          alert(key + ' : ' + obj[key])
        }
      }
    }
  }                 
});

html

我在这里面临的问题：

提交按钮未被禁用 未显示必填字段的错误。 如果我点击submit，我在alert中也会得到$hash键。为什么呢？ 谢谢

1“提交”按钮未禁用

您有一个输入错误，它必须被禁用。当无效时，还可以更改您的条件以禁用它：-

 <button type='submit' ng-disabled="main_form.$invalid">Submit All</button>

1“提交”按钮未禁用

您有一个输入错误，它必须被禁用。当无效时，还可以更改您的条件以禁用它：-

 <button type='submit' ng-disabled="main_form.$invalid">Submit All</button>

---

“提交”按钮中的“禁用”一词拼写错误

<button type='submit' ng-diabled="main_fo

---

您也可以使用angular.forEach来避免检查hasOwnProperty，但它也不会跳过“$$”变量。

您在提交按钮中拼错了单词disabled

<button type='submit' ng-diabled="main_fo

---

您也可以使用angular.forEach来避免检查hasOwnProperty，但它也不会跳过“$$”变量。

我可以给您展示另一个以不同方式验证的示例，还是您希望完全以这种方式验证？我可以给您展示另一个以不同方式验证的示例，还是您希望完全以这种方式验证？非常感谢。特别是对于演示的额外努力：我没有：P随时欢迎您：您可能会在angular上看到大量关于stackoverflow的问题。当我最近开始学习angularjs时：D抱歉，这是一个打字错误。祝你好运！！凭你的学识谢谢。特别是对于演示的额外努力：我没有：P随时欢迎您：您可能会在angular上看到大量关于stackoverflow的问题。当我最近开始学习angularjs时：D抱歉，这是一个打字错误。祝你好运！！凭你的学识

<div ng-show="dynamic_form.dynamic_input.$dirty && 

key.charAt(0) === '$' && key.charAt(1) === '$'