title: Angular 4 prime-ng customize confirmDialog body
body: <p>I'm trying to customize the body of the confirmation dialog from prime ng
  <a href="https://www.primefaces.org/primeng/#/confirmdialog" rel="nofollow noreferrer">https://www.primefaces.org/primeng/#/confirmdialog</a></p>
  
  <p>using the ng-template approach but the html is not appearing
  here is my code:</p>
  
  <pre><code>&lt;p-confirmDialog header="Enter PIN" icon="fa fa-question-circle" width="425" #cd&gt;
    &lt;ng-template pTemplate="body"&gt;
      &lt;ul&gt;
        &lt;li&gt;test&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/ng-template&gt;
      &lt;p-footer&gt;
  
          &lt;button type="button" pButton icon="fa-close" label="No" (click)="cd.reject()"&gt;&lt;/button&gt;
          &lt;button type="button" pButton icon="fa-check" label="Yes" (click)="cd.accept()"&gt;&lt;/button&gt;
      &lt;/p-footer&gt;
  &lt;/p-confirmDialog&gt;
  </code></pre>
  
  <p>my call to the service</p>
  
  <pre><code>this.confirmationService.confirm({
          message: null,
          header: null,
          icon: null,
          accept: () =&gt; {
            this.checkCurrentCompliance('fp');
          }
      });
  </code></pre>
  
  <p>I don't know if my definition to the ptemplate is wrong
  by the way I tried to insert html using the message variable but it will not let me add inline styles.</p>