Фокус при клике на кнопку которая открывает input

248
31 марта 2018, 18:03

Как сделать фокус на input, который сначала скрыт,но по клику на кнопке открывается ? Атрибут autofocus срабатывает только первый раз, а 'nativeElement' of undefined. На jQuery все просто, но нужно без него сделать.

<input type="text" *ngIf="isVisible" #test autofocus>
<button (click)="testAction()">Test</button>
@ViewChild('test') test: ElementRef;
isVisible = false;
testAction() {
this.isVisible = !this.isVisible;
this.test.nativeElement.focus();
}
Answer 1
<input type="text" *ngIf="isVisible" #test autofocus>
<button (click)="testAction()">Test</button>
@ViewChild('test') test: ElementRef;
isVisible = false;
testAction() {
  this.isVisible = !this.isVisible;
const obs = Observable.timer(0).subscribe(()=>{
if(thi.test && this.test.nativeElement){
  this.test.nativeElement.focus();
});
}
READ ALSO
JS отправка сообщения Enter. Конфликт с Shift+Enter

JS отправка сообщения Enter. Конфликт с Shift+Enter

Здравствуйте, есть код который служит для отправки сообщения при нажатии enter:

191
Как использовать cordova plugin?

Как использовать cordova plugin?

Я новичокХочу создать html страницу с плеером m3u8, нашел сборку на гитхабе, но не знаю как использовать

186
Указать тип передаваемого обьекта

Указать тип передаваемого обьекта

У меня есть в директории models 3 файлаВ первом файле написан интерфейс Model, в другом класс Cat, a в 3 класс Dog, которые этот интерфейс имплементируют

185