Question

我刚刚开始，我想知道如何在两个组件之间进行通信。

我读到我可以使用服务，但这主要用于共享数据，但我不想在组件之间传递数据。

假设我正在开发一个默认情况下未显示的模态组件。我在我的页面上使用此组件3次，用于3种不同类型的消息，而我的应用程序在其他组件中显示3个按钮。

现在，当我点击第一个按钮时，我想打开模态2，按钮2应该打开模态2，弹出3应该打开模态3。

以下是一个示例组件：

从'@ angular / core'导入{Component};

// 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;
    }
}

如何实现这样的目标？

亲切的问候。

Answer 1

您可以使用one-way data binding。我建议你阅读整篇Template Syntax文章，阅读大部分官方文档文章是可取的。至于我，它们很简单。

如何创建公开方法的Angular 2组件

1 个答案: