Angular 4 устанавливает фокус в динамически генерируемом текстовом поле, используя viewChildran - PullRequest
Новая
       26

Angular 4 устанавливает фокус в динамически генерируемом текстовом поле, используя viewChildran

0 голосов
/ 19 октября 2018

У меня есть динамически сгенерированное текстовое поле, как показано ниже. 

<tr *ngFor="let item of data; let in=index">
    <td>
                        <input #unitNumber type="text" name="workPerformed-workcode-{{in}}" [(ngModel)] = "item.unitnumber" >
                      </td>
<td> <!-- Search option is given to chose the unit number----></td>
</tr>

Здесь дана опция поиска для выбора номера устройства, если он был выбран, то соответствующее текстовое поле будет сосредоточено на использовании viewChildran.

Моя попытка равна 

@ViewChildren('unitNumber') enteredUnitNumbers;

// for searching, I have used the material dialog box
const dialogRef = this.dialog.open(SearchEquipmentComponent, dialogConfig);

    dialogRef.afterClosed().subscribe(
      <!-- HERE I NEED TO DO THE FOCUS ON PARTICULAR TEXTBOX ---->
     // console.log(this.enteredUnitNumbers.toArray().map(x => x))
});

Выше console.log показывает неопределенное.Мне нужно, чтобы как только диалоговое окно было закрыто, соответствующее текстовое поле с номером единицы должно быть сфокусировано.

Пожалуйста, дайте решения

1 Ответ

0 голосов
/ 19 октября 2018

Это должно сделать следующее: 

enteredUnitNumbers.toArray()[0].nativeElement.focus();

Заменить 0 на индекс нужного входа.

...