2016-10-22 16 views
0

https://github.com/PatrickO10/meetUp/blob/master/index.html#L73

私はこのフィールドで新しく、1つのコードを読んでいます。

ここではlogForm.$invalid.$setValidityを理解できません。私はインターネットからそれについて何も見つけることができません。インターネットのsetvalidityには2つの周囲がありますが、ここではありません。

invalidここでhttps://docs.angularjs.org/api/ng/type/form.FormControllerは、なぜsetvalidityですか?なぜあなたは使用しないでくださいng-disabled="logForm.$invalid"

私に教えてください。ありがとう。

<div class="modal fade login" tabindex="-1" role="dialog" aria-labelledby="loginModelLabel" ng-controller="LoginCtrl as logCtrl"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header primary-color-dark-bg"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title" id="loginModelLabel">Login</h4> 
      </div> 
      <div class="modal-body primary-bg"> 
       <form class="row form-horizontal" id="loginForm" ng-submit="logCtrl.login(user)" name="logForm"> 
        <label for="logEmail" class="col-xs-12 col-md-6 margin-top"> 
         <span class="pad-right">Enter your email</span> 
         <input type="email" id="logEmail" ng-model="user.email" class="form-control" placeholder="[email protected]" required autocomplete="email" autofocus> 
        </label> 
        <label for="logPass" class="col-xs-12 col-md-6 margin-top"> 
         <span>Enter your password</span> 
         <input type="password" id="logPass" ng-model="user.password" class="form-control" placeholder="Enter your password" required> 
        </label> 
        <div class="col-xs-12 margin-top" ng-show="loginError"> 
         <p class="invalidPass">Login Fail! {{loginErrMsg}}</p> 
        </div> 
        <label class="col-xs-12 margin-top"> 
         <input id="submitLogin" type="submit" value="Login" ng-disabled="logForm.$invalid.$setValidity"> 
        </label> 
       </form> 
      </div> 
      <div class="modal-footer primary-color-dark-bg"> 
       <button type="submit" class="btn btn-primary" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
     <!-- /.modal-content --> 
    </div> 
    <!-- /.modal-dialog --> 
</div> 

答えて

0
<input id="submitLogin" type="submit" value="Login" 
      ng-disabled="logForm.$invalid.$setValidity"> 

あなたは基本的にフォームが$invalidあるとき、入力がng-disabledことを言っています。つまり、ここで入力を$invalidに設定すると、入力を無効にします。

+0

この設定の有効性について説明しているドキュメントがありますか? –

+0

このリンクを見ると、$ setValidityの例がたくさんあります。 http://ng-learn.org/2014/03/Writing_Custom_Validations_Part4/ – Thalaivar

+0

またこのリンクも... http://blog.thoughtram.io/angularjs/2015/01/11/exploring-angular-1.3-validators- pipeline.html – Thalaivar

関連する問題