Question

我正在尝试将第二个密码输入仅在用户开始输入第一个输入后显示。另外，有没有办法要么“要求”他们两者，要么根本没有？

<form name="signUpForm">
    ...

    <input ng-modal="password" type="password" placeholder="password">
    <input ng-show="password.$dirty" class="animate-show animate-hide" type="password" placeholder="password (again)">
</form>

Answer 1

密码没有像$ dirty这样的属性，但是表单控制器有这个属性。因此，首先设置输入名称，然后您可以使用它访问表单控制器

<form name="signUpForm">
...

    <input name="passwordNameAttr" ng-modal="password" type="password" placeholder="password">
    <input ng-show="signUpForm.passwordNameAttr.$dirty" class="animate-show animate-hide" type="password" placeholder="password (again)">
</form>

对于动态要求，您可以使用 ng-required 。只需对其进行表达，并取决于条件是否需要您的字段......

Answer 2

使用ng-show $valid required作为输入字段的另一个示例..

HTML：

<form name="signUpForm">
   <input name="firstPassword" ng-model="first.password" type="password" placeholder="password" required>
   <input name="secondPassword" ng-show="signUpForm.firstPassword.$valid" ng-model="second.password" type="password" placeholder="password (again)" required>
</form>

在这里工作小提琴：https://jsfiddle.net/vj5evgyw/2/

以html格式显示/隐藏输入

2 个答案: