以html格式顯示/隱藏輸入

我想要輸入第二個密碼才能在用戶開始輸入第一個輸入後顯示。此外，是否有辦法「要求」他們兩個或根本沒有？以html格式顯示/隱藏輸入

<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>

來源

2015-05-19 Jacksonkr

'ng-modal'必須是'ng-model'。您的輸入必須有一個名稱（例如「password」），並且訪問其髒標誌的正確方法是使用'signupForm.password。$ dirty'。 –

@Jackson，angularjs文檔在這裏顯示了很好的例子：[docs]（https://docs.angularjs.org/api/ng/directive/input）也看到我在下面發佈的使用'$ valid'和'required的答案'。 GL！ –

密碼沒有像$ 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-需要。只要把爲一個函數就可以了，並視情況而定你的領域將被要求或不...

來源

2015-05-19 22:17:49

我不知道爲什麼它不是動畫，但至少我的額外輸入顯示/隱藏了。 – Jacksonkr

另一個例子使用ng-show$validrequired輸入字段..

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/

來源

2015-05-19 23:12:27

以html格式顯示/隱藏輸入

回答

相關問題