TIL

새로운 translateExt 번역 package가 생겼다!

2019.11.071분 읽기

사용 방법

  • ts code에 providers에 이렇게 추가해주면 된다.

      @Component({
        selector: 'mp-paper-upload',
        templateUrl: './paper-upload.component.html',
        styleUrls: [ './paper-upload.component.scss' ],
        providers: [ setTranslatePrefix('mp-paper-upload') ]
      })
  • template file에 원하는 translateExt pipe를 통해 원하는 번역 데이터를 불러온다

    <h2>{{ 'paper-upload' | translateExt }}</h2>

기존의 translate과의 비교

<h2>{{ '**kokomu-paper-upload.**paper-upload' | translateExt }}</h2>
 
<h2>{{ 'paper-upload' | translateExt }}</h2>

⇒ prefix의 중복이 없어졌다!! tscode에서 prefix 부분만 수정해주면 template의 모든 코드를 수정할 필요없이 바로 사용할 수 있는 이점이 생겼다


관련 포스트

Giscus 댓글 영역 (GitHub Discussions 연동 예정)