$ touched와 함께 ng-required를 사용하는 방법?

Question

다른 입력이 변경되면 필요에 따라 입력을 설정하려고합니다. 암호가 변경되면 암호 확인을 요구해야합니다.

나는이 확인 비밀번호의 입력에 사용할 수 있지만 필요하지 않습니다 :

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

CodePen

또 다른 질문 : ng-Model="user.ConfirmPassword"을 제거하는 방법이 있나요? 내 모델 "사용자"에 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

...
은 또한 변화와 또는 .. 여기

는 코드

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