AngularJS:如何将默认值设置为ng-model =“searchText”?

时间:2015-05-27 11:38:54

标签: html angularjs

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

任何人都可以帮我吗?

5 个答案:

答案 0 :(得分:29)

第一个解决方案:只是在控制器中初始化searchText。

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

第二个解决方案:是使用ng-init insteat of value

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

答案 1 :(得分:10)

&#13;
&#13;
<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>  
&#13;
&#13;
&#13;

您可以使用ng-init

答案 2 :(得分:5)

请尝试以下代码:

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

在您的控制器中

    $scope.searchText = "your default value";

编辑:如果您不想在控制器中初始化默认值,请执行

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

答案 3 :(得分:4)

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

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

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

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

如果您希望将文本作为值,则可以在不填写输入字段的情况下传递,而不是在控制器中设置该值。

$scope.someText = "Some Text";

答案 4 :(得分:0)

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

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

并在输入标记上保留value属性为空白。

相关问题