Angular2递归组件集输入自动聚焦

Question

我正在创建一个类似于workflowy的树视图(主要用于实践)，这个简单的版本可以工作，但我不知道如何在添加新组件时设置输入焦点。

我尝试在输入上添加自动聚焦属性，并在ngAfterViewInit之后使用ViewChild设置焦点。它似乎在添加第一个组件时起作用，但之后就不起作用了。

下面是一个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();

  }

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