Question

我正在使用PrimeNg Collection中的ConfirmDialog组件。我可以这样设置我的信息：

this.confirmationService.confirm({
      message: 'my message',
    });

它可以工作，但问题是，如果我需要一大堆带有其他组件的标签，它会变得混乱。我希望在HTML p-confirmDialog标签旁边的HTML模板中编写我的消息，并将Angular的指令和组件嵌入其中。

我如何实现这一目标？

Answer 1

这是另一种方法，我认为这是一种更合适的方法。

HTML

<p-confirmDialog appendTo="body">
<ng-template pTemplate="body">
    <span class="ui-confirmdialog-message">{{message}}</span>"
</ng-template>

TS

    ...
constructor(private confirmationService: ConfirmationService) {}

private message = `Do you want to change your status to <span style="color:red">inactive</span>` //your template html;
...
this.confirmationService.confirm({
  header: "Some header",
  message: this.message,
  accept: () => {
    //Do something
  }
});

您可以随时拨打专用服务来呼叫ConfirmationService，并根据需要传递message。

设置PrimeNG确认来自模板的消息

1 个答案: