fileInput.click () undefined

Question

Я пытаюсь ввести файл в моем angular коде материала:

HTML:

<mat-form-field class = "form-element">
<input matInput readonly placeholder = "fileInput" [formControl] = "filename" (click) = "fileInput.click()">
<span mat-button matSuffix mat-icon-button (click) = "fileInput.click()">
<mat-icon>attach_file</mat-icon>
<span>
</mat-form-field>

TS:

filename = new FormControl()

Но при нажатии на кнопку я получаю консольную ошибку, в которой говорится, что «невозможно прочитать свойство», щелчок неопределенной .. ??

Заранее спасибо за помощь .. !!

Answer 1

В вашем коде нет ничего, что определяло бы, что такое fileInput. Поэтому fileInput.click() выдает ошибку, поскольку fileInput не определено.

Если вы хотите получить доступ к элементу управления вводом, то вы можете сделать это, создав шаблонную переменную ссылки .

Вот как будет выглядеть ваш ввод:

<input matInput readonly placeholder="fileInput" [formControl]="filename" #fileInput />