Angular 使输出字符串在没有发射器的情况下也可以使用。

Question

我有两个组件。组件一叫'wrapper'，组件二叫'list'。

wrapper组件用来显示列表。

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

我在list组件中设置了一个查询 从激活路由的url param中获取一个id。

包装组件中有几个按钮需要这个ID。

是否可以从列表中自动发出ID值，而不需要包装器通过点击按钮来获取？

列表组件

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

我的查询更新了输出。

this.URLID.emit(params.id)

包装器组件

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

我知道我需要某种类型的绑定，但我不太清楚如何做到这一点，使它不是一个点击事件，而是一个由 URLID 是在包装组件中自动调用的。

Answer 1

如果我对这个问题的理解正确的话，我想这个应该符合你的需求。

包装器.组件.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);
}