PrimeNg中的角同级元素交互

时间:2018-08-07 10:53:26

标签: angular dom primeng

我有一个dataTable,每一行都有一个按钮作为列之一。我想在每行的按钮单击上切换p-overlayPanel。使用局部变量(#op)完成此操作是否有问题?

<p-dataTable[value]="cars">
 <p-column field="year" header="Year"></p-column>
 <p-column>
   <ng-template pTemplate="body">
      <button  (click)="op.toggle($event)"><i class="fas fa-ellipsis-v"></i></button>        
      <p-overlayPanel #op>
        <div>Select this Option</div>
        <div>Deselect this Option</div>
      </p-overlayPanel>
    </ng-template>
  </p-column>
</p-dataTable>

0 个答案:

没有答案