4

私は 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" />

その後、フォームは期待どおりに機能します。userNameuserUpload入力フィールドの両方が入力されると、OK ボタンが有効になります。グーグルを試しngf-selectましたが、満足のいく答えが見つかりませんでした。フォームが期待どおりに機能するために必要な理由は何ですか?

4

2 に答える 2