Thành phần <t>

Bọc nội dung của bạn trong thành phần <t> và nội dung được dịch. Nội dung gốc được hiển thị cho đến khi bản dịch của nó được tải.

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

Văn bản có ràng buộc cũng hoạt động. Nội dung được dịch lại bất cứ khi nào nó thay đổi, ví dụ khi name thay đổi:

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

Tất cả các bản dịch được yêu cầu cùng một lúc được gửi đến API trong một yêu cầu duy nhất và các bản dịch được lưu trong bộ nhớ cache. Bạn có thể sử dụng bao nhiêu thành phần <t> tùy thích.

<mt-translate> hoạt động như một bộ chọn thay thế và Translate là cùng thành phần với T.

Đầu vào

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

Hạn chế

Có rất ít hạn chế:

1. Bạn không thể đặt các thành phần Angular bên trong thành phần <t>. Các phần tử HTML thuần túy đều ổn (xem ví dụ bên dưới). Đánh dấu được dịch đi qua trình khử trùng HTML của Angular.
2. Nội dung bên trong thành phần <t> không được vượt quá 10 KB, tức là khoảng 5.000 ký tự.

<!-- 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>

Để dịch các thuộc tính và các chuỗi khác, hãy sử dụng t pipe.