숫자 컨트롤의 백분율을 0.05 대신 5 %로 표시

Question

컨트롤에 초점이 5 %로 표시되는 컨트롤의 구성이 있으므로 0.05 대신 값을 표시하고 초점을 맞추려면 백분율로 표시하려면 하지만 사용자 지정 포커스 및 흐림 이벤트를 작성하는 것 이외에 쇼를 5 % 수행 할 수있는 구성 가능한 스위치가있는 경우

Answer 1

내장 된 숫자 서식을 사용하면 '%'기호를 이스케이프하여 기본값 인 value * 100 동작을 건너 뛸 수 있습니다 .

@Component({ 
    selector: 'my-app', 
    template: ` 
    <kendo-numerictextbox 
     [value]="value" 
     [format]="format" 
    ></kendo-numerictextbox> 
    ` 
}) 

export class AppComponent { 
    public value: number = 5; 
    public format: string = "#.# \\%"; 

    constructor(public intl: IntlService) {} 
} 

의 Runnable 데모 : 형식에 대한 http://plnkr.co/edit/Ba05nP4LCgjuKjssSJzE?p=preview

자세한 내용은 kendo-intl의 repo에서 찾을 수 있습니다

https://github.com/telerik/kendo-intl/blob/master/docs/num-formatting/index.md#custom

다음

는이 작업을 수행 할 수있는 방법입니다