angularjs - フォームで ng-disabled と $invalid を使用する場合、ng-model は必要ですか?

Question

私は AngularJS を使用しており、いくつかのフィールドが入力されていない場合に [送信] ボタンを無効にするフォームがあります。

標準的な方法は次のようです。

<form ng-app name="myForm">
    <label>Name</label>
    <input type="text" name="name" ng-model="form.name" required>
    <input type="submit" ng-disabled="myForm.name.$invalid">
</form>

http://jsfiddle.net/YMSRU/

ただし、入力フィールドからモデルを省略した場合、検証は機能せず、入力フィールドにモデルは必要ありません (ngUpload ディレクティブを使用してフォームを送信するため、実際には iframe のフォーム アクションに送信されます)。 .

解決策はありますか、または検証を機能させるためだけにランダム モデルを追加する必要がありますか? 悪い回避策のようです。

Answer 1

フォーム レベルでチェックを行うだけinvalidでよく、入力ごとにモデルを定義する必要はありません。

<form ng-app name="myForm">
    <label>Name</label>
    <input type="text" name="name" required>
    <input type="submit" ng-disabled="myForm.$invalid">
</form>

Answer 2

テスト入力タグにモデルがありません: ng-model="form.name"