how to change input type in angularjs

Question

I have 2 fields one is password and another is checkbox

...
...
<input type="password" ng-model="data.password" id="form_password"></input>
<input type="checkbox" ng-model="data.show_password" id="show_password"></input>
<label> Show Password</label>
...
...

When user click on show_password checkbox, I want to change form_password type to text so user can see the password.

jdotjdot · Accepted Answer · 2014-11-21 16:46:07Z

4

I would do the following:

<input ng-show="!data.show_password" type="password" ng-model="data.password" id="form_password">
<input ng-show="data.show_password" type="text" ng-model="data.password">
<input type="checkbox" ng-model="data.show_password" id="show_password">
<label>Show Password</label>

(or obviously you could use ng-hide, stylistic preference)

answered Nov 21, 2014 at 16:46

jdotjdot

17.3k15 gold badges71 silver badges119 bronze badges

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

Collectives™ on Stack Overflow

how to change input type in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related