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

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

有人知道一种简单的方法来默认这个输入并保留ng-model吗?我尝试使用默认值ng-bind,但这似乎也不起作用。


当前回答

我也有类似的问题。我不能使用value="something"来显示和编辑。 我必须在<input>中使用下面的命令,同时声明ng模型。

[(ngModel)]=userDataToPass.pinCode

其中,我有对象userDataToPass中的数据列表,我需要显示和编辑的项目是pinCode。

同样的,我参考了这个YouTube视频

其他回答

我也有类似的问题。我不能使用value="something"来显示和编辑。 我必须在<input>中使用下面的命令,同时声明ng模型。

[(ngModel)]=userDataToPass.pinCode

其中,我有对象userDataToPass中的数据列表,我需要显示和编辑的项目是pinCode。

同样的,我参考了这个YouTube视频

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

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


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

重写输入指令似乎完成了这项工作。我对Dan Hunsaker的代码做了一些小改动:

在尝试对没有ngModel属性的字段使用$parse().assign()之前,增加了对ngModel的检查。 修正了assign()函数的参数顺序。

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);
      }
    }
  };
});

Vojta描述了“Angular的方式”,但如果你真的需要让这个工作,@urbanek最近发布了一个使用ng-init的变通方法:

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

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

如果你使用AngularJs的ngModel指令,记住value属性的值不会绑定在ngModel字段上。你必须自己初始化它,最好的方法是

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