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

Question

kendo-grid-column 有一个很棒的列属性“格式”。和 it works perfectly.

<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>

我需要的是添加 anchor 标记并使用 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>

我创建了 an example to show what I have .

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

Answer 1

你应该使用Kendo的数字格式化函数，比如

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

或者只使用 Kendo IntlService 的方法:

• 格式编号()
• parseNumber()
• 格式()