Angular2递归部件 - 设定输入的自动聚焦

Question

我创建类似于workflowy（实践主要是）一个树形视图，而这个简单的版本是工作，但我无法弄清楚如何设置输入焦点时增加了一个新的组件。

我试着将输入的自动对焦性能和使用ViewChild ngAfterViewInit后设置焦点。这似乎将第一组分，但此后不何时工作。

这里是一个stackblitz显示我在哪里：

https://stackblitz.com/edit/angular-input-autofocus

Answer 1

在创建了一个新组件，以更简单的方法“自动对焦”是使用ViewChildren

  @ViewChildren() items!: QueryList<ElementRef>;

  ngAfterViewInit() {
    this.items.changes.subscribe((r) => { 
         //If you want to focus to first
         this.items.first().nativeElement.focus();
         //or if you want to focus to last
         this.items.last().nativeElement.focus();

  }

但是，看到你的stackblitz，我无法想象你想要做什么