在 Angular 4+ 中使用 ngx-translate 进行本地化（国际化）？

Question

I am doing localization in Angular. I am not sure how to do localization for async observables.

Here I do it in for regular html without using async.

<p class="pageTwo" [translate]="'users.licenses'">
  Licenses purchased
</p>

I am not sure how to implement the ngx-translate library for async pipe.

<p class="availablelicenses">
  {{ numberOfLicensed$ | async }}
</p>

Answer 1

Here is the solution:

<p class="availablelicenses" [translate]="'usersPage.numberLicense'" [translateParams]="{number: numberOfLicensed$ | async}"></p>