角4ディスプレイpTooltipが表示されない

Question

私はPrimeNgを使用しています。私はデータテーブルを持っています。行/セルの上にカーソルを置くと、そのセルの内容がpTooltipに表示されます。私がするとき：

{{statement.description}} 

テーブルが表示されません。私がしている場合：

statement.description 

テーブルは表示されますが、pTooltipはテキスト "statement.description"のみを表示します。

これは、テンプレート内のデータ・テーブル・コードです：

<p-dataTable [globalFilter]="gb" [value]="statements" [paginator]="true" [rows]="3" selectionMode="single" id="dtt" [(selection)]="selectedStatement" (onRowClick)="selectOverlay($event, statement, op)" (onRowDblclick)="onRowSelect($event)"> 
     <p-header> 
     Statements from this source 
     </p-header> 
     <p-column field="description" header="Description"> 
      <ng-template let-col let-row="rowData" let-ri="rowIndex" pTemplate="body" > 
       <span #z>{{ row[col.field] | truncate:[150] }}<i tabindex="0" class="fa fa-ellipsis-h" aria-hidden="true" tooltipEvent="focus" tooltipPosition="top" pTooltip="{{statement.description}}"></i></span> 
      </ng-template> 
     </p-column> 
     <p-column [style]="{'width': '1.5em'}"> 
      <ng-template let-col let-row="rowData" let-ri="rowIndex" pTemplate="body"> 
       <span><i class="icon-unlink"></i></span> 
      </ng-template>  
     </p-column> 
    </p-dataTable> 

Answer 1

は、（角括弧で）[pTooltip]="statement.description"を試してみてください

Answer 2

ミロが指摘するように、それはあなたが唯一の{{statement.description}}を使用することができます[pTooltip]="statement.description"

する必要がありますタグ間。たとえば、<div>{{value}}</div>

オブジェクトを適切なものにバインドする場合は、[property]="myObject"を使用します。

テキストをプロパティにバインドする場合は、[property]="'myString'"またはproperty="test"を使用します。