html - 数字未以 Angular 4 显示为百分比

Question

我需要在我的 Angular UI 中以百分比格式显示数字。目前它正在渲染实际值。因此，如果它是 2%，则显示为 0.02。我需要将其显示为 2%

<click-input contenteditable="true" *ngIf="item.fieldInfo.dataCategory == fieldCategories.percent" [classNames]="['percentage']">
    <input [(ngModel)]="item.value" name="item.fieldInfo.key"   required min="0" max="999999999999999"/>
</click-input>    

CSS

table {
    tbody {
        td {
            div.percentage {
                    padding:0.5rem;
                    &:after {
                        content: '%';
                    }
            }
        }
    }


}

Answer 1

尝试使用内置的 angular percent pipe相反

在您不可编辑的内容代码中，像这样使用它:

<div>{{item.value | percent}}</div>