离子密码dissappearing

Question

我试图用这个代码

<div class="row" id="passwordRow"> 
     <div class=".col-80"> 
      <input type="password" id="password" placeholder="Password" ng-model="user.password" ng-minlength="8" ng-required="true" ng-hide="showPassword" > 
      <input type="text" id="passwordRaw" placeholder="Password" ng-model="password" ng-show="showPassword"> 
     </div> 
     <div class="col"> 
     <i class="icon ion-eye" id="passwordView" on-touch="showPassword = !showPassword"></i> 
     </div> 
</div> 

做这样的事情

但会发生什么，如果我输入的东西，然后按它的第一次展示没有。如果我输入并再次按下它，它会显示正确的值。

我在做什么错？

Answer 1

你可以从user.password的这样删除用户：

<div class=".col-80"> 
     <input type="password" placeholder="Password" ng-model="password" ng-minlength="8" ng-required="true" ng-hide="showPassword"> 
     <input type="text" placeholder="Password" ng-model="password" ng-show="showPassword"> 
</div> 

CZ NG-模式应该是相同的两个在密码输入的输入值

Answer 2

分配密码到控制器范围中的用户对象，而在第二个字段中，您从rootScope保留密码。因为这里没有任何东西，所以它显示空的输入。当您将密码分配给text input时，会在父范围中创建密码属性。问题是这两个属性可能不同。恩。你可以第一次设置“abc”到password input，当你点击按钮并得到text input时键入abcdef。如果再次改回password input你会看到你的password input是3个字母，并没有5，它有你前面键入原始值（“ABC”）