AngularJS：如何将默认值设置为 ng-model="searchText"？答案

【问题标题】：AngularJS: How to set default value to ng-model="searchText"?AngularJS：如何将默认值设置为 ng-model="searchText"？
【发布时间】：2015-08-09 11:22:54
【问题描述】：

我无法将默认值设置为 ng-model="searchText"。这是我正在使用的代码
<input ng-model="searchText" value="can you see me" />

谁能帮我解决这个问题？

【问题讨论】：

你不能使用占位符吗？
ng-init:searchText="Some Text"..但我建议你在控制器中初始化它
Bhanu 尽量避免使用 ng-init。你应该在控制器中初始化数据

标签： html angularjs

【解决方案1】：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
<div >
  <input ng-model="searchText" type="text" ng-init="searchText='your text'"/>
</div>  
  </div>

你可以使用ng-init

【讨论】：

很好的答案布德夫 :)

【解决方案2】：

不要在输入字段上使用 ng-init 来设置值。这不是必需的。

只需将模型的范围设置为您想要的值。如果只是占位符文本，最好在输入元素上使用 html5 占位符属性。

<input type="text" ng-model="someText" placeholder="Initial Text">

这将在输入字段中为您提供一些文本，而无需向控制器范围添加任何内容。

如果您希望文本作为一个值，则无需填写输入字段即可传递，而不需要在控制器中进行设置。

$scope.someText = "Some Text";

【讨论】：

【解决方案3】：

第一种解决方案：是在控制器中简单地初始化searchText。

App.controller('mainController',['$scope', function($scope) {
   $scope.searchText  = "can you see me";
}]);

第二个解决方案：是使用ng-init inseat of value

<input ng-model="searchText" ng-init="searchText ='can you see me'"></input>

【讨论】：

第二个解决方案在 DOM 中设置模型值，但在控制器中，当另一个元素调用 ng-init 时，我还没有定义..

【解决方案4】：

试试下面的代码：

     <input ng-model="searchText" ></input>

在你的控制器中

    $scope.searchText = "your default value";

编辑：如果您不想在控制器中初始化默认值，只需执行

      <input value="your default value" ></input>

【讨论】：

您可以通过两种方式进行操作。一种是使用控制器，另一种是直接分配它。上述方法是最好的方法
如果这样做，，值不会覆盖ng-model中设置的文本吗？

【解决方案5】：

您可以在控制器中设置默认值。像这样：

app.controller('myCtrl', function($scope){
   $scope.searchText = "Some default value";
});

并在输入标签上保持 value 属性为空。

【讨论】：

非常感谢，这很容易，但我是 angularjs 的初学者，所以我从你那里找到了解决方案，谢谢