1

ファイルをアップロードするサンプルアプリを作成しようとしています。以下のビューとコンポーネントがあり、送信をクリックすると、ブラウザからリクエストが送信されていません。

(ngSubmit)="onSubmit()" をフォームに追加すると、onSubmit が呼び出されていることがわかりますが、何も渡されていません。

質問: 有効なファイル アップロード フォームを作成できるように、適切なバインディングを取得する正しい方法は何ですか?

テンプレート:

<form action="api/upload" method="POST" enctype="multipart/form-data" class="btn-group" role="group">
    <input type="file" class="btn btn-lg btn-default" required>
    <input type="submit" value="Upload" class="btn btn-lg btn-primary upload-btn">
</form>

成分:

import {Component} from 'angular2/core';
import {FORM_DIRECTIVES}    from 'angular2/common';

@Component({
    selector: 'my-app',
    directives: [FORM_DIRECTIVES],
    template: 'path-to-template'
})

export class AppComponent {
    onSubmit(e) {
        // TODO: get payload from form and upload to server
        console.log(e);
    }
}
4

1 に答える 1