入力タイプファイルのスタイルについてはすでに多くの質問を見てきましたが、角度を付けてそれを行うことができません。
では、Angularアプリ内で入力タイプファイルのスタイルを設定するにはどうすればよいですか?
これは私のコードとhtmlページです:
<input type="file" ngf-select ng-model="vm.attachment" name="file" accept="application/pdf" ngf-max-size="5MB" ngf-model-invalid="errorFile">
私はすでに(入力ファイルが非表示になった後)試してみました:
<md-button id="uploadButton" class="md-raised md-primary"> Choose Files </md-button>
link (scope, element, attrs) {
const input = element.find('#fileInput');
const button = element.find('#uploadButton');
if (input.length && button.length) {
button.click((e) => input.click());
}
}
しかし、それは機能しません、私はコントローラーを使用しているので私のリンク機能は機能しません、そして私がこの機能を置くとページ内でエラーを取得します
ボタンでngf-selectディレクティブを使用できます-githubドキュメントページから例を確認してください:https://jsfiddle.net/danialfarid/xxo3sk41/590
このng-model
ファイルにはname
、ファイル名を表示するために使用できる属性があります。
<button ngf-select ng-model="picFile" accept="image/*"> Select Picture</button>
File name: {{picFile.name}}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加