Change value of input placeholder via model?

Question

I'm trying to change the value of the input placeholder from a controller but cant quite figure out how.

input(type='text', ng-model='inputText', side='30', placeholder='enter username') 

Is there a way to modify a model's element attributes?

Answer 1

The accepted answer still threw a Javascript error in IE for me (for Angular 1.2 at least). It is a bug but the workaround is to use ngAttr detailed on https://docs.angularjs.org/guide/interpolation

<input type="text" ng-model="inputText" ng-attr-placeholder="{{somePlaceholder}}" /> 

Issue: https://github.com/angular/angular.js/issues/5025

Answer 2

You can bind with a variable in the controller:

<input type="text" ng-model="inputText" placeholder="{{somePlaceholder}}" /> 

In the controller:

$scope.somePlaceholder = 'abc';