<Divclass= "Row Ng-scope"> <Divclass= "Col-lg-12"> <H1class= "Page-header">More information</H1> </Div> <!--/.col-lg-12 -</Div><Divclass= "Panel Panel-default"><Divclass= ' panel-heading '> <Divclass= "Btn-group pull-right"> <aNg-click= "Selecttype=1"class= "btn btn-primary btn-xs"><spanclass= "Glyphicon glyphicon-edit"></span></a> <aNg-click= "Selecttype=0"class= "btn btn-success btn-xs"><spanclass= "Glyphicon Glyphicon-ok"></span></a> </Div>Personal Information</Div><Divclass= "Panel-body"> <Divclass= "Row"> <Divclass= "Col-lg-6 panel-body"> <Divclass= "Form-group"> <Divstyle= ' Position:relative;margin:7px 13px; ' Class= ' Todo-item 'Ng-hide= "SelectType"Ng-class= "{' Todo-complete ': item.complete}"> <P>{{User.model.username}}</P> </Div> <Divclass= ' Todo-item 'Ng-show= "SelectType"> <inputtype= "text"class= "Form-control"Ng-model= "User.model.username"Ng-class= "{' Todo-complete ': item.complete}"/> </Div> </Div> </Div> </Div> <Divclass= "Row"> <Divclass= "Col-lg-6 panel-body"> <Divclass= "Form-group"> <Divstyle= ' Position:relative;margin:7px 13px; ' Class= ' Todo-item 'Ng-hide= "SelectType"> <P>{{User.model.email}}</P> </Div> <Divclass= ' Todo-item 'Ng-show= "SelectType"> <inputtype= "Email"class= "Form-control"Ng-model= "User.model.email"Required/> </Div> </Div> </Div> </Div> <Divclass= "Row"> <Divclass= "Col-lg-6 panel-body"> <Divstyle= ' Position:relative;margin:7px 13px; ' Class= ' Todo-item 'Ng-hide= "SelectType"> <P>******</P> </Div> <Divclass= ' Todo-item 'Ng-show= "SelectType"> <inputtype= "Password"Ng-model= "User.model.password"placeholder= ' ResetUser password ' required/> </Div> </Div> </Div></Div>
Change the internal text by modifying the SelectType toggle Ng-hide,ng-show
[Angularjs]ng-hide|ng-show Switch