I am unable to set a default value to ng-model="searchText". Here is the code I am using
<input ng-model="searchText" value="can you see me" />
Can anyone help me with this?
-
1ng-init:searchText="Some Text"..But i suggest you to initialize this in controllerbhanu.cs– bhanu.cs2015-05-27 11:41:26 +00:00Commented May 27, 2015 at 11:41
-
Bhanu try to avoid ng-init. you should initiliaze data in controllerVineet– Vineet2015-05-27 11:46:34 +00:00Commented May 27, 2015 at 11:46
Add a comment
|
6 Answers
1st Solution: is to simply init the searchText in the controller.
App.controller('mainController',['$scope', function($scope) {
$scope.searchText = "can you see me";
}]);
2nd Solution: is to use ng-init instead of value
<input ng-model="searchText" ng-init="searchText ='can you see me'"></input>
1 Comment
Valentino Pereira
2nd solution sets the model value in the DOM, but in controller i yet get undefined when another element is calling ng-init..
<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> you can use ng-init
1 Comment
Parth Jasani
nice answer Bhudev :)
Try this following code:
<input ng-model="searchText" ></input>
In your controller
$scope.searchText = "your default value";
Edit : If you don't want to initialize the default value in controller just do
<input value="your default value" ></input>
Do not use ng-init on your input field to set the value. That's not required.
Just set the scope of your model to the value you would like. If it's simply placeholder text, it would be better to use the html5 placeholder attribute on your input element.
<input type="text" ng-model="someText" placeholder="Initial Text">
This will give you some text in the input field without the need to add anything to the controller scope.
If you want the text as a value you can pass without filling in the input field than you would need to set that in your controller.
$scope.someText = "Some Text";
Comments
You can set default value in the controller. Like this:
app.controller('myCtrl', function($scope){
$scope.searchText = "Some default value";
});
And keep value attribute blank on input tag.
1 Comment
Dharmesh
thank you so much it is so easy but i am beginer in angularjs so i found solution from u thanks
For later angular versions:
In your ts file:
export class SearchComponent implements OnInit {
search: string;
ngOnInit(): void {
this.search = "Some default value";
}
}
html file contains:
<input [(ngModel)]="searchText">
