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 · Accepted 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

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

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   lt input type  text  ng-model  inputText  ng-attr-placeholder    somePlaceholder      gt    Issue  https   github com angular angular js issues 5025

[angularjs] Change value of input placeholder via model?

Examples related to angularjs

Examples related to pug