Question

我使用的是PrimeNg，我有一个数据表。当我将鼠标悬停在行/单元格上时，我希望该单元格的内容显示在pTooltip中。当我这样做时：

{{statement.description}}

表格不显示。如果我这样做：

statement.description

该表显示但是pTooltip仅显示文本＆＃34; statement.description＆＃34;。

这是模板中的数据表代码：

    <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

正如Milo所指出的，应该是[pTooltip]="statement.description"

您只能在代码之间使用{{statement.description}}。例如<div>{{value}}</div>

如果要将对象绑定到某个属性，请使用[property]="myObject"。

如果您想将文字绑定到某个属性，请使用[property]="'myString'"或property="test"。

Angular 4显示pTooltip没有显示

2 个答案: