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

Question

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

下面的

是我需要点击的html片段

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

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

Answer 1

这是：

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

有关详细信息，请阅读：

https://www.primefaces.org/primeng/#/checkbox

Answer 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>