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

User · Answer

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

User · Answer

Since AngularJS does not have directive DOM manipulations as jQuery does  a proper way to modify attributes of one element will be using directive  Through link function of a directive  you have access to both element and its attributes   Wrapping you whole input inside one directive  you can still introduce ng-model s methods through controller property   This method will help to decouple the logic of ngmodel with placeholder from controller  If there is no logic between them  you can definitely go as Wagner Francisco said

User · Answer

You can bind with a variable in the controller    lt input type  text  ng-model  inputText  placeholder    somePlaceholder      gt    In the controller    scope somePlaceholder    abc

User · Answer

As Wagner Francisco said   in JADE   input type  text   ng-model  someModel   placeholder    someScopeVariable        And in your controller      scope someScopeVariable    somevalue

[angularjs] Change value of input placeholder via model?

Examples related to angularjs

Examples related to pug