Javascript 使用无效数据预填充AngularJS表单

我的模型包含一些未通过表单验证的数据（例如来自服务器的无效电子邮件地址）。我仍然想向用户显示这个无效的模型数据，以便他们有机会修复它

最简单的例子：

  <form ng-init="email='foo'">
    <input type="email" ng-model="email"></input>
  </form>

如何获取输入以显示初始的无效模型值

---

JS Fiddle:

此行为被报告为错误

您可以通过创建指令来绕过此行为，直到修复此错误：）

这是我从你那里得到的

---

嗯，这是一个好问题。这是一个悬而未决的问题，你也可以检查一下

app.directive('displayInvalid', function($parse, $filter) {   
    return {
      restrict: 'A',
      require: 'ngModel',
      link: function(scope, elm, attrs, model) {
        var displayed = false;
        scope.$watch(attrs.ngModel, function(newValue, oldValue, scope) {
          // only set once... on initial load
          if(displayed == false && oldValue != undefined){
            displayed = true;
            elm.val(model.$modelValue);
          }
        });
      }
    }
})