Angular JSの検証でボタンを有効/無効にする方法

Question

期待される入力：有効なメールIDパターンボタンが有効になっているはずです。 問題が発生しました：[有効なメールIDを入力した後]ボタンが無効になります。 これは、HTMLでの私の入力テキストフィールドです： `

var myApp1=angular.module('myApp',[]); 
    myApp1.controller('myController',['$scope',function($scope) 
{ 
    $scope.submit=function(c) 
    { 
    } 
}]); 

Answer 1

まずフォームに、あなたの入力に名前を追加します：これは私のAngularjSスクリプトがある

<form class="form-inline"> 
<div class="form-group"> 
<label for="emailID">Enter Email ID</label> 
<input type="email" class="form-control" id="emailID" ng-model="c.emailID" placeholder="Enter EmailID">  
</div> 
<div class="form-group"> 
<label for="Password">Enter Password</label> 
<input type="password" class="form-control" id="password" ng-model="c.password" placeholder="Enter Password"> 
</div> 
    <button type="submit" ng-model="button" ng-click ="submit(c)" ng-disabled="c.emailID" class="btn btn-primary">Login</button> 

<form name="myForm" class="form-inline"> 
<input type="email" name="emailID" class="form-control" id="emailID" ng-model="c.emailID" placeholder="Enter EmailID"> 

次に、無効にする：

<button type="submit" ng-model="button" ng-click ="submit(c)" ng-disabled="!(myForm.emailID.$valid && myForm.emailID.$dirty)" class="btn btn-primary">Login</button> 

$ dirtyが追加されました。有効にする前にユーザーが実際に値を入力する必要があるためです。または、必須入力フィールドの場合は、入力に必須を追加することもできます。

参考：http://www.w3schools.com/angular/angular_validation.asp