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

我不熟悉Angular 4框架。我需要显示一条警告消息或单击复选框时弹出。我没有得到任何正确的答案怎么做

下面是我需要单击的html片段

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

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

这是：

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

有关更多详情，请阅读：

---

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

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

警告

感谢ji Vivek的回答。但我想显示一个弹出窗口。对于弹出窗口，您只需将弹出模式属性更改为显示onChange事件。感谢Vivek Doshi提供的链接。它帮助了我。@user3705879，很高兴在这里：）