当使用ng模型时，输入文本框上的AngularJS-Value属性被忽略？

Question

如果我将一个简单的输入文本框值设置为下面的“bob”，则使用AngularJS。如果添加了ng model属性，则不会显示该值。

    <input type="text"
           id="rootFolder"
           ng-model="rootFolders"
           disabled="disabled"
           value="Bob"
           size="40"/>

有人知道一个简单的工作来默认这个输入，并保持ng模型？我试图使用默认值的ng-bind，但这似乎也不起作用。

Answer 1

重写输入指令似乎确实可以完成这项工作。我对丹·亨萨克的代码做了一些小改动：

• 在尝试使用$parse（）之前添加了对ngModel的检查。在没有ngModel属性的字段上分配（）

app.directive('input', function ($parse) {
  return {
    restrict: 'E',
    require: '?ngModel',
    link: function (scope, element, attrs) {
      if (attrs.ngModel && attrs.value) {
        $parse(attrs.ngModel).assign(scope, attrs.value);
      }
    }
  };
});

Answer 2

Vojta描述了“角度方式”，但如果你真的需要这样做，@urbanek最近发布了一个使用ng init的解决方案：

<input type="text" ng-model="rootFolders" ng-init="rootFolders='Bob'" value="Bob">

https://groups.google.com/d/msg/angular/Hn3eztNHFXw/wk3HyOl9fhcJ

Answer 3

这是期望的行为，您应该在控制器中定义模型，而不是在视图中。

<div ng-controller="Main">
  <input type="text" ng-model="rootFolders">
</div>


function Main($scope) {
  $scope.rootFolders = 'bob';
}