首页 文章

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

提问于
浏览
1

我刚刚开始,我想知道如何在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 回答

  • 0

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

相关问题