Что означает этот атрибут name и #varName в теге розетки маршрутизатора?

Question

Я нашел код, который вставлен в файл app.component. html. В должны быть отображены другие компоненты, относящиеся к маршрутам, настроенным в app-routing.module.ts.

Но я не понимаю, что означает

o = "outlet"

и name = "popup"

<div class="container">
  <div class="row">
    <div class="col-md-10">
      <router-outlet #o="outlet"></router-outlet>
    </div>
    <div class="col-md-2">
      <router-outlet name="popup"></router-outlet>
    </div>
  </div>
</div>

Answer 1

Маршрутизатор angular поддерживает наличие нескольких розеток. это позволяет отображать различный контент в зависимости от взаимодействия с пользователем.

Я бы рекомендовал прочитать официальную документацию angular по Отображение нескольких маршрутов в именованных точках