ng-disabledを使用してボタンを有効/無効にする

フォームの送信ボタンでng-disabledを使用しています。フィールドに入力すると、inputForm。$ validがtrueになり、ng-enableがこの真の値を取得し、ボタンを有効にする必要があります。ng-disabledを使用してボタンを有効/無効にする

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head > 
 
    <title></title> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
</head> 
 
<body ng-app=""> 
 

 
    <form name="inputForm" > 
 
     <div> 
 
      <label>Name</label> 
 
      <input type="text" name="name" required /> 
 
     </div> 
 
     <div> 
 
      <label>Email</label> 
 
      <input type="text" name="email" required/> 
 
     </div> 
 

 
     <button type="submit" ng-disabled="{{inputForm.$valid}}"> 
 
      Submit 
 
     </button> 
 
    </form> 
 

 
    {{inputForm.$valid}} 
 
    {{inputForm.$invalid}} 
 
    {{inputForm.$dirty}} 
 
    {{inputForm.$pristine}} 
 
</body> 
 
</html>

が、ボタンはフィールドがで入力された場合でも有効になっていません。私は間違って何をやっていますか？フォームはあなたが使用する必要があり

出典

2016-08-04 Shorn Jacob

有効であるとき

出典

2016-08-04 11:22:17

ng-disabled="inputForm.$invalidまたはng-disabled="!inputForm.$validに変更ng-disabled="inputForm.$valid、あなたはボタンを無効にされています

ng-disabled="inputForm.$invalid"

フォームが無効であるときは常にフォームを無効にするために。無効なプロパティは角カッコ内に置かないことに注意してください。

全<form>コード：

<form name="inputForm" > 
    <div> 
     <label>Name</label> 
     <input type="text" name="name" required /> 
    </div> 
    <div> 
     <label>Email</label> 
     <input type="text" name="email" required/> 
    </div> 

    <button type="submit" ng-disabled="inputForm.$invalid"> 
     Submit 
    </button> 
</form>

出典

2016-08-04 11:18:29

フォームが有効であるとき、ボタンを無効にしたかったです。これは仕事を理解するうえでの模擬だった –

ng-disabledを使用してボタンを有効/無効にする

答えて

関連する問題