仅在表单脏时显示添加按钮答案

【问题标题】：Show add button only when the form is dirty仅在表单脏时显示添加按钮
【发布时间】：2018-09-23 00:15:48
【问题描述】：

我有一个包含电子邮件、密码和密码的表单。我想默认隐藏添加符号，并且仅在我的表单脏且 password 再次匹配 password 时显示它。

我似乎无法让它工作。

<div ng-controller="MyCtrl">
  Hello, {{name}}!

  <form name="addUserForm">
    <div class="form-row row">
      <div class="col-xs-3 col-sm-3">
        <input ng-model="newLogin.email" ng-blur="checkEmailRestriction(newLogin.email)" required type="text" class="form-control input-sm" placeholder="Email">
      </div>
      <div class="col-xs-3 col-sm-3">
        <input ng-model="newLogin.password" required stopccp type="password" class="form-control input-sm" ng-change="checkPwdRestriction(newLogin.password)" placeholder="Password">
      </div>
      <div class="col-xs-3 col-sm-3">
        <input stopccp ng-model="newLogin.passwordAgain" ng-change="checkPwdMatch(newLogin.password,newLogin.passwordAgain)" type="password" class="form-control input-sm" placeholder="Password Again">
      </div>
      <div class="col-xs-3 col-sm-3">
        <a ng-click="storeLogin()" ng-if="newLogin.password === newLogin.passwordAgain && addUserForm.$dirty == false" class="btn btn-xs email-action"> add </a>
      </div>


    </div>
  </form>


  <hr>


  <p>
    object = ? {{newLogin}}
  </p>


  <p>
    $dirty = ? {{addUserForm.$dirty}}
  </p>


  <p>
    $valid = ? {{addUserForm.$valid}}
  </p>


</div>

我试过了

http://jsfiddle.net/bheng/5pzL8gc3/

【问题讨论】：

标签： javascript html angularjs forms

【解决方案1】：

我用这个隐藏了你的按钮：

ng-show="newLogin.password && newLogin.password == newLogin.passwordAgain && addUserForm.$dirty == true"

当我提供匹配的电子邮件和密码时，它就会出现。

【讨论】：