Как получить элемент из QueryList и вставить его в шаблон? - PullRequest
0 голосов
/ 06 ноября 2019
@Component({
  selector: 'my-app',
  template: `
    <alert type="success"></alert>
    <alert type="danger"></alert>
    <alert type="info"></alert>
  `,
})
export class App {
  @ViewChildren(AlertComponent) alerts: QueryList<AlertComponent>

  ngAfterViewInit() {
    this.alerts.forEach(alertInstance => console.log(alertInstance));
  }
}

Как вы видите, я получаю список элементов DOM по типу AlertComponent.

Как получить предварительный последний элемент из этого QueryList и показать в шаблоне, затем получить первый элементиз списка и вставить в pre-last шаблон?

В результате мне нужно получить эту структуру DOM:

<alert type="danger">
   <alert type="success"></alert>
</alert>

Как изменить порядок this.alerts в DOM?

...