我刚刚开始,我想知道如何在2组件之间进行通信 .
我读到我可以使用服务,但这主要是为了共享数据,但我不想在组件之间传递数据 .
假设我正在开发一个默认情况下未显示的模态组件 . 我在我的页面上使用此组件3次,对于3种不同类型的消息,我的应用程序在其他组件中显示3个按钮 .
现在,当我点击第一个按钮时,我想打开模态2,按钮2应该打开模态2,弹出3应该打开模态3 .
这是一个示例组件:
从'@ angular / core'导入;
// Defines the 'innovana-message-box' component.
@Component({
selector: 'innovana-message-box',
template: `
<div *ngIf="isShowed">This is my message box.</div>
`
})
export class InnovanaMessageBoxComponent {
public isShowed = false;
constructor() {
//this.Show();
}
Show() {
this.isShowed = true;
}
}
如何才能实现这样的目标?
亲切的问候 .
1 回答
你可以使用one-way data binding . 我建议你阅读整篇Template Syntax文章,并且阅读大部分官方文档文章是可取的 . 至于我,它们很简单 .