Angular компонентный ввод с динамическим c идентификатор и имя не работают - PullRequest
0 голосов
/ 07 мая 2020

У меня есть следующий список компонентов, которые принимают значения 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, ввод становится неактивным.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...