在 Angular 中，我可以将组件发出的输出直接绑定到属性吗？

Question

我的主要应用程序组件通过子组件@Output上的装饰属性与子组件交互。输出属性使用 和EventEmitter<>()。通常，该属性会发出一个简单的布尔值或数字。我想将此输出直接绑定到主应用程序中的属性。但我没有这样做。

我目前正在做的是：

//In my sub component:
@Output() subProperty = new EventEmitter<boolean>();

//In my main template:
<sub-component (subProperty)="setPropertyValue($event)"></subcomponent>

//In my main component (this I would like to avoid):
setPropertyValue(event) {
    this.mainProperty = event;
}

我想要做的是避免在我的主要组件中使用该函数并直接绑定到我的属性，但下面的代码不起作用：

//In my sub component:
@Output() subProperty = new EventEmitter<boolean>();

//In my main template:
<sub-component (subProperty)="mainProperty"></subcomponent>

无论如何我可以避免我的主要组件中的附加功能吗？

Answer 1

我相信你能做的最好的是：

(subProperty)="mainProperty = $event"