Javascript 单击Angular 2时显示弹出消息

我想在单击选择按钮时显示一条弹出消息，如“您已选择此事件”

在angular 2中怎么做

<button type="button" class="button event-buttons" [disabled]="!owned" style=""(click)="eventSet()">
 SELECT
</button>

挑选

您可以使用结构指令

*ngIf

创建弹出窗口，我的示例是：

<button type="button"(click)="popup = true">
 SELECT
</button>


<div class="overlay" *ngIf="popup">
    <div class="popup">
        <h2>Here i am</h2>
        <a class="close" (click)="popup = false">&times;</a>
        <div class="content">
        you have selected this event
        </div>
    </div>
</div>

---

希望有帮助

您可以使用结构指令

*ngIf

创建弹出窗口，例如：

<button type="button"(click)="popup = true">
 SELECT
</button>


<div class="overlay" *ngIf="popup">
    <div class="popup">
        <h2>Here i am</h2>
        <a class="close" (click)="popup = false">&times;</a>
        <div class="content">
        you have selected this event
        </div>
    </div>
</div>

---

希望有帮助

将Onclick事件添加到父页面。对于弹出窗口，只需添加一个单独页面的模式创建，以便单独定制弹出窗口

let test= this.modalCtrl.create('popuppage',
{
    message: 'message',
    (Enter all parameters you want to pass to the pop up page)
}
,{cssClass:'settings-modal'});
 test.present();

---

现在，您可以根据需要创建名为“popuppage”的弹出页面

将Onclick事件添加到父页面。对于弹出窗口，只需添加一个单独页面的模式创建，以便单独定制弹出窗口

let test= this.modalCtrl.create('popuppage',
{
    message: 'message',
    (Enter all parameters you want to pass to the pop up page)
}
,{cssClass:'settings-modal'});
 test.present();

---

现在，您可以根据需要创建名为“popuppage”的弹出页面

可能您正在屏幕中寻找烤面包机，您可以通过安装第三方UI库（如primeNg）将其添加到项目中，而且使用起来很好

请看这里。

---

可能您正在屏幕上寻找烤面包机，您可以通过安装第三方UI库（如Priming）将其添加到项目中，而且使用起来很好

请看这里。

---

发布相关代码，您希望显示哪个值？html中是否有其他可用控件？

eventSet

功能的实现？您尝试了哪些代码但不起作用？检查此项：发布相关代码，您要显示哪个值？html中是否有其他可用控件？

eventSet

功能的实现？您尝试了哪些代码但不起作用？请检查以下内容：