数字不显示为角度4的百分比

Question

我需要在角度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>

Answer 2

如果您将输入标签的类型指定为数字，则可以执行以下操作：

https://stackoverflow.com/a/40885513/3602220