`<t>` 컴포넌트

콘텐츠를 <t> 구성 요소에 포함시키면 콘텐츠가 번역돼.원본 콘텐츠는 번역이 로드될 때까지 보여져.

<t>This content will be translated</t>

바인딩이 있는 텍스트도 작동해.내용은 바뀔 때마다, 예를 들어 name 변경 시 다시 번역돼.

<t>Hello {{ name() }}</t>

동시에 요청된 모든 번역은 한 번의 요청으로 API로 전송되고 번역은 캐시돼.<t> 구성 요소는 원하는 만큼 사용할 수 있어.

<mt-translate> 대체 선택기로 작동하고 Translate T 하고 같은 구성 요소야.

입력

입력	타입	설명
`formality`	`'informal' \| 'formal'`	번역의 형식을 설정해.
`lang`	`Language`	`provideMagicTranslate` 로 설정된 언어를 대체해.

<t lang="fr" formality="formal">How are you?</t>

한계

제한이 거의 없어.

<t> 구성 요소 안에 Angular 구성 요소를 넣을 수 없어.일반 HTML 요소는 괜찮아 (아래 예 참조).번역된 마크업은 Angular HTML 새니타이저를 거쳐요.
<t> 구성 요소 내의 콘텐츠는 10KB, 즉 약 5,000자를 초과할 수 없어.

<!-- this is OK, since <a> is a plain HTML element -->
<t>
  <a href="mailto:info@i42.ch">Please send us an email</a>
</t>

<!-- this does NOT work, since <app-button> is an Angular component -->
<t>
  <app-button>Click me</app-button>
</t>

속성과 다른 문자열을 번역하려면 t pipe 써.

<t> 컴포넌트

입력

한계

`<t>` 컴포넌트