angular2의 숫자 파이프에서 쉼표 제거

Question

저는 Angular 2의 초보자입니다. 각도를 사용하여 일부 데이터를 표시하려고합니다. 이것은 내 코드 부분입니다.

<span>Value :</span> <span>{{myvalue| number : '1.2-2'}}</span> 

위 부분은 "124,500.00"과 같이 값을 표시합니다. 그 괜찮아요하지만 쉼표를 제거하고 124500.00으로 데이터를 표시해야합니다. 또한 이것은 통화 유형이 아닙니다.

나는 내가 모든 사용자 지정 파이프를 사용할 수 있습니까?이와 내가 그렇게 할 수있는 방법

<span>Value :</span> <span>{{myvalue| number: '.2-3''}}</span> 

작동하지 같은 몇 가지 일을 했어요? 변경하거나 소수점을 제거하는 DecimalPipe에 직접 매개 변수가 없습니다 같은 사실을 미리

Answer 1

에서

덕분 같습니다. 소수점을 제거하기 위해 파이프를 작성하는 것이 가장 좋습니다.

DecimalPipe의 현재 사용을 완전히 대체하는 파이프 (모든 단일 파이프)를 직접 작성하거나 DecimalPipe가 사용 된 후 쉼표를 제거하는 파이프 (연결 파이프)를 작성할 수 있습니다. 마지막 옵션은 다음과 같습니다. (this 답장에서 코드를 얻었으므로 Adrien에게 인사드립니다.)

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'noComma' 
}) 
export class NoCommaPipe implements PipeTransform { 

    transform(val: number): string { 
    if (val !== undefined && val !== null) { 
     // here we just remove the commas from value 
     return val.toString().replace(",", ""); 
    } else { 
     return ""; 
    } 
    } 
} 

다음과 같이 파이프를 연결할 수 있습니다.

<span>Value :</span> <span>{{myvalue| number : '1.2-2' | noComma}}</span> 

모듈에 파이프를 선언해야합니다.