在ng-template中使用kendo-grid-column的格式屬性？

Question

kendo-grid-column有一個很棒的列屬性“格式”。 它完美地工作。

<kendo-grid [data]="gridData">
    <kendo-grid-column field="UnitPrice" title="Unit Price" format="{0:n0}">
        <ng-template kendoGridCellTemplate format="{0:n0}" let-dataItem>
            <a href="#" class="badge badge-info">{{ dataItem?.UnitPrice }}</a>      
        </ng-template>
     </kendo-grid-column>
     <kendo-grid-column field="UnitPrice" title="Unit Price" format="{0:n0}">         
     </kendo-grid-column>
</kendo-grid>

我需要的是添加錨標記並使用kendo-grid-column format屬性。 所以我已經將ng-template添加到kendo-grid-column ：

<kendo-grid-column field="UnitPrice" title="Unit Price" format="{0:n0}">
    <ng-template kendoGridCellTemplate format="{0:n0}" let-dataItem>
        <a href="#" class="badge badge-info">{{ dataItem?.UnitPrice }} </a>
    </ng-template>
</kendo-grid-column>

但是， format="{0:n0}在ng-template不起作用：

<ng-template kendoGridCellTemplate format="{0:n0} let-dataItem>
    <a href="#" class="badge badge-info">{{ dataItem?.UnitPrice }} </a>
</ng-template>

我創建了一個示例來展示我所擁有的.

是否可以在ng-template使用kendo-grid-column format屬性？

Answer 1

您應該使用劍道數字格式功能，例如

kendo.toString(10.12, "n5"); //10.12000

或者只使用Kendo IntlService 的方法：

• 格式編號()
• parseNumber()
• 格式（）

Answer 2

使用國際化管道。 我在這里找到了答案。

<kendo-grid-column field="UnitPrice" title="Unit Price" format="{0:n0}">
    <ng-template kendoGridCellTemplate format="{0:n0}" let-dataItem>
        <a href="#" class="badge badge-info">{{ dataItem?.UnitPrice | kendoNumber: 'n0' }} </a>
    </ng-template>
</kendo-grid-column>