单击复选框后需要使用 Angular4 显示警报消息答案

【问题标题】：Need to display alert message using Angular4 after clicking a checkbox单击复选框后需要使用 Angular4 显示警报消息
【发布时间】：2017-10-26 18:00:56
【问题描述】：

我是 Angular 4 框架的新手。我需要在单击复选框时显示警告消息或弹出。我没有得到任何正确的答案。

下面是我需要点击的html sn-p

<td width="15%">
            <p-checkbox value ="Active" label="Active" [(ngModel)]="status">
 </p-checkbox>
</td>

我需要添加什么作为组件或任何其他 ts？请帮忙。

【问题讨论】：

标签： angular checkbox alert

【解决方案1】：

这里是：

<p-checkbox value ="Active" label="Active" [(ngModel)]="status" (onChange)='alert("changed")'>

【讨论】：

感谢 Vivek ji 的回答。但我想显示一个弹出窗口。
对于弹出窗口，您只需更改弹出窗口模式属性以显示 onChange 事件。
感谢 Vivek Doshi 提供链接 primefaces.org/primeng/#/checkbox。它帮助了我。
@user3705879 ，很高兴在这里 :)

【解决方案2】：

将此添加到 HTML 以显示对话框：

<td width="15%">
  <p-checkbox value ="Active" label="Active" [(ngModel)]="status">
  </p-checkbox>
</td>
<p-dialog header="Warning" [(visible)]="status">
  Warning !
</p-dialog>

【讨论】：