Default textarea value in angularjs when textarea is bound to model

Question

HTML:

<textarea ng-model="user.ban_reason"></textarea>

Initially the ban reason is empty. However I want to provide a default value. But

<textarea ng-model="user.ban_reason">reason</textarea>

Does not work.

Any ideas how to do that?

AlwaysALearner · Accepted Answer · 2013-08-14 13:23:35Z

8

Inside your controller you can do as below:

$scope.user = {
    ban_reason:"reason"
}

answered Aug 14, 2013 at 13:23

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Hm actually I don't wont to do this in controller, we should keep this in view. Any idea how to do this in view?

Your view should not contain any data. If you just want to hint/guide the user, use a placeholder as tymeJV suggested in the OP comments.

Lukas Jelinek · Accepted Answer · 2014-12-03 02:41:29Z

5

Well if there is a situation you still need it to have default text in the template, then you can use ng-init.

  <textarea ng-model="text" ng-init="text = 'Hello, this is my default text.'"></textarea>

answered Dec 3, 2014 at 2:41

Lukas Jelinek

2,4651 gold badge22 silver badges12 bronze badges

fjdumont · Accepted Answer · 2013-08-14 13:24:16Z

4

Your angular app initializes when the documents DOM is ready - thus, overrides the value with your $scope.user.ban_reason value.

In your controller, define a default value for the model property:

$scope.user = { ban_reason: 'reason' };

answered Aug 14, 2013 at 13:24

fjdumont

1,5371 gold badge9 silver badges22 bronze badges