У меня есть следующий список компонентов, которые принимают значения id
и label
в качестве свойств.
<ul>
<li>
<btn-attatch
id="one"
label="label1"
(file)="specialFileType($event)"
>
</btn-attatch>
</li>
<li>
<btn-attatch
id="two"
label="label2"
(file)="specialFileType($event)"
>
</btn-attatch>
<li>
</ul>
Внутри своего компонента я установил следующий шаблон и соответствующие значения:
<input
type="file"
[attr.name]="id"
[attr.id]="id"
(change)="fileChange($event.target.files)"
class="inputfile"
/>
<label *ngIf="!fileName" [attr.for]="id">{{ label }}</label>
private _id: string;
@Input() set id(s: string) {
this._id = s;
}
get id() {
return this._id;
}
private _label: string;
@Input() set label(s: string) {
this._label = s;
}
get label() {
return this._label;
}
Моя проблема заключается в том, что когда я устанавливаю фиксированные значения в ввод и метка внутри компонента, в отличие от отправки этих значений через @Input, все работает. Как только я пытаюсь динамически установить идентификатор и метки через @Input, ввод становится неактивным.