私は AngularJS 初心者です。ファイルアップロード入力を含むすべての入力フィールドに入力する必要があるフォームを実装しようとしていました。
最初の ecample とまったく同じです: https://angular-file-upload.appspot.com/
そこで、これをテストするための簡単なフォームを作成しました。
<form name="myForm">
<input id="userUpload" ng-model="filename" name="userUpload" required type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
<input id="userName" ng-model="username" name="name" required type="text" />
<button ng-disabled="myForm.$invalid" class="btn btn-primary">Ok</button>
</form>
ただし、これは機能しません。[OK] ボタンは永久に無効のままになります。ngf-select=""
ファイル入力フィールドに属性を追加すると、次のことがわかりました。
<input id="userUpload" ng-model="filename" name="userUpload" required ngf-select="" type="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
その後、フォームは期待どおりに機能します。userName
とuserUpload
入力フィールドの両方が入力されると、OK ボタンが有効になります。グーグルを試しngf-select
ましたが、満足のいく答えが見つかりませんでした。フォームが期待どおりに機能するために必要な理由は何ですか?