$ touchedでng-requiredを使用するには？

Question

別の入力が変更された場合は、必要に応じて入力を設定しようとします。私の必要性は、パスワードが変更された場合、パスワードの確認を要求することです。

私はこれは確認パスワードの入力に使用しますが、それは必要とされることはありません：

ng-required="userForm.Password.$touched" 

CodePen

もう一つの問題：ng-Model="user.ConfirmPassword"を削除する方法はありますか？私のモデルの "user"ではConfirmPasswordは必要ないので、そうではありませんか？

Answer 1

idの代わりにnameプロパティを使用する必要があります。

<span class="error" ng-show="userForm.Password.$touched userForm.Password.$error.required">Password is required</span> 

はそれがあるべき：

<span class="error" ng-show="userForm.Password.$touched">Password is required</span> 

はそれはPassword限り、うまく動作します入力要素の名前がされ

また、これは有効な構文ではありません、IDではない。あなたがパスワードとConfirmPasswordためのフォームのプロパティを使用することはできませんので、あなたは、nameプロパティを使用していない

Answer 2

...
はまた変化とのOR ..ここ

は、コード

<form name="userForm" ng-controller="userController"> 
    <label for="Password">Set a password:</label> 
    <input type="password" name="Password" id="Password" ng-model="user.Password" required /> 
    <span class="error" ng-show="userForm.Password.$touched">Password is required</span> 
    <br /> 
    <label for="ConfirmPassword">Confirm the password:</label> 
    <input name="ConfirmPassword" type="password" id="ConfirmPassword" ng-model="user.ConfirmPassword" ng-required="userForm.Password.$touched" /> 
    <span class="error" ng-show="userForm.Password.$touched || userForm.ConfirmPassword.$touched || userForm.ConfirmPassword.$error.required">Confirm password is required</span> 
    <br/> 
    <span>Password: {{user.Password}}</span> 
    <br/> 
    <span>Conform Password: {{user.ConfirmPassword}}</span> 
</form>