Angular 如果使用模板，则在datatable中搜索不起作用

我在angular 2应用程序中使用以下代码来使用Priming datatables，除了搜索是否对任何列使用模板和锚定标记（您可以看到第二列“Matter”）。它适合搜索所有其他列，但不适合搜索第2列和第5列，因为我们在其中使用模板。我们如何在这些列上实现搜索

<p-dataTable expandableRows="true" [value]="caseDocs" [rows]="5" [rowsPerPageOptions]="[5,10,20]" [paginator]="true" [globalFilter]="gb">
    <p-column field="ClientName" header="Client" [sortable]="true"></p-column>
    <p-column field="Matter" header="Matter" [sortable]="true">
        <template let-col let-casedoc="rowData" pTemplate="body">
            <a class="like" (click)="showMatterInfo(casedoc[col.field])" title="Download" data-toggle="modal">
                {{casedoc['MatterName']}}
            </a>&nbsp;
        </template>
    </p-column>
    <p-column field="Name" header="Document" [sortable]="true"></p-column>
    <p-column field="DocumentType" header="DocumentType" [sortable]="true"></p-column>
    <p-column field="DateAdded" header="DateAdded" [sortable]="true">
        <template let-col let-casedoc="rowData" pTemplate="body">
            {{utcToLocal(casedoc[col.field])}}
        </template>
    </p-column>
    <p-column field="DocumentId" styleClass="col-button" header="Actions">
        <template pTemplate="header">
        </template>
        <template let-col let-casedoc="rowData" pTemplate="body">
            <a class="like" (click)="downloadCaseDocInfo(casedoc[col.field])" title="Download" data-toggle="modal">
                <i class="glyphicon glyphicon-download-alt"></i>
            </a>&nbsp;
            <a class="like" (click)="showEditCaseDocModel(casedoc[col.field])" title="Edit" data-toggle="modal">
                <i class="glyphicon glyphicon-edit"></i>
            </a>&nbsp;
            <a class="like" title="Delete" (click)="showDeleteCaseDoc(casedoc[col.field])" data-toggle="modal">
                <i class="glyphicon glyphicon-remove"></i>
            </a>
        </template>
    </p-column>
</p-dataTable>

{{casedoc['MatterName']}
{{utcToLocal（casedoc[col.field]）}

也许你可以在这里找到答案：也许你可以在这里找到答案：