Angular Сделать выходную строку доступной без эмиттера

Question

У меня есть два компонента. Компонент один называется «обертка», компонент два называется «список».

Компонент оболочки отображает список:

<app-list-component></app-list-component>

У меня есть запрос внутри компонента списка, который получает идентификатор из параметра url из активированного маршрута.

У компонента-оболочки есть несколько кнопок, которым нужен этот идентификатор.

Можно ли из списка автоматически выдавать значение идентификатора, чтобы оболочке не требовалось нажатия кнопки для его получения?

Компонент списка

  @Output() URLID = new EventEmitter<string>();

Мой запрос обновляет вывод:

this.URLID.emit(params.id)

Компонент Wrapper

<app-list-component></app-list-component>

Я знаю, что здесь нужен какой-то тип привязки, но я не полностью уверен, как это сделать, чтобы это не было событием щелчка, и вместо этого URLID автоматически вызывается в компоненте оболочки.

Answer 1

Если я правильно понимаю вопрос, я думаю, что он должен соответствовать вашим потребностям

wrapper.component. html

<app-list-component (URLID)="onUpdateId($event)"></app-list-component>

wrapper.component.ts

onUpdateId(id: string) {
    //This should fire anytime that the URLID EventEmitter fires
    console.log(id);
}