как использовать вложенные компоненты в angular 17 с автономными компонентами?

Question

Поскольку в Angular теперь есть автономные компоненты, как нам показать один компонент внутри другого, как мы это делали раньше? например, внутри тела приложения

Я понятия не имею, как работают автономные компоненты, и я новичок в Angular, только что перешел с Angular 12 на Angular 17.

Answer 1

Возможно, я неправильно понял, но в отношении дочерних компонентов ничего особо не изменилось. Единственное отличие состоит в том, что родительский компонент должен будет импортировать ссылку на дочерний компонент в файлimportsмножество:

      @Component({
  standalone: true,
  selector: 'parent',
  imports: [ChildComponent],
  template: `
    ... <child></child>
  `,
})

Я нашел это руководство по автономному API очень полезным: Начало работы с автономными компонентами .