如何专注于 Angular 2 中新增的输入？ [复制]

Question

我的模板

    @ViewChildren('search') searchInput: QueryList<any>;

    toggleSearch(){
        this.showSearch = !this.showSearch;
        if (this.showSearch){
            console.log(this.searchInput.first); <= undefined
        }
    }

			<li class="search" *ngIf="showSearch" >
				<i class="news-admin-icon news-admin-search"></i>
				<input (blur)="toggleSearch()" #search (keyup)="searchNews(search.value)" type="text" placeholder="Search">
			</li>
			</li>
			<li class="special" *ngIf="!showSearch" (click)="toggleSearch(search)">
				<a href="#"><i class="news-admin-icon news-admin-search"></i>  Search</a>
			</li>

我尝试使用 @ViewChild 进行“搜索”但未定义 当我尝试使用@ViewChildren 进行“搜索”时，我得到了

QueryList_dirty: false_emitter: EventEmitter_results: Array[1]changes: (...)dirty: (...)first: (...)last: (...)length: (...)proto：对象

Answer 1

尝试添加这个：

ngAfterViewChecked() {  // Called after child views changed
  if(this.showSearch && this.searchInput.first) {  // check is showSearch and ViewChildren has result
    this.searchInput.first.nativeElement.focus();  // set focus on native input element
  }
}