title: Primeng confirm dialog show when it shouldn't
body: <p>I have a method that checks if any property of object in array is equal to 'not ready'. If it is it should inform user about that and ask if he still wishes to continue. If no, there is return that breaks the method and if yes, method continues and there is one more confirm dialog</p>
  <pre><code>createOrder() {
      if(this.orders.filter(e =&gt; e.statusName === 'not ready').length &gt; 0){
        this.confirmationService.confirm({
          message: 'There is already ongoing order. Do you want start another?',
          header: 'Order',
          icon: 'fa fa-exclamation-triangle',
          acceptLabel: 'Yes',
          rejectLabel: 'No',
          key: 'ongoin',
          accept: () =&gt; {
          },
          reject: () =&gt; {
            return
          }
        })
      }
      
      this.confirmationService.confirm({
        message: 'Are you sure?',
        header: 'Order',
        icon: 'fa fa-exclamation-triangle',
        acceptLabel: 'Yes',
        rejectLabel: 'No',
        key: 'confirm',
        accept: () =&gt; {
         *//add object code*
        }
      });
  </code></pre>
  <p>This how it looks like in html:</p>
  <pre><code>&lt;button pButton tooltipPosition=&quot;left&quot; (click)=&quot;createOrder()&quot; icon=&quot;fa fa-plus-square&quot;
            class=&quot;ui-button-warning&quot;&gt;
          &lt;/button&gt;
          &lt;p-confirmDialog key='ongoin'&gt;&lt;/p-confirmDialog&gt;
          &lt;p-confirmDialog key='confirm'&gt;&lt;/p-confirmDialog&gt;
  </code></pre>
  <p>My problem is that both confirm dialogs shows up at the same time. I guess it is because of using  twice in html. But if i change that to</p>
  <pre><code>&lt;p-confirmDialog&gt;&lt;/p-confirmDialog&gt;
  </code></pre>
  <p>Only the first one works ('There is already ongoin...') and second one('Are you sure') after clicking yes doesn't show up. How do I make it work?</p>