Làm thế nào để sử dụng 9 $ bản địa hóa với số nhiều?

Kể từ Angular 9, chúng ta có thể sử dụng

$localize`Hello ${name}:name:`

Đối với i18n trong mã bản in. Điều này vẫn có một số hạn chế vì ng xi18nlệnh không phát hiện được chuỗi, nhưng nếu các văn bản này được thêm thủ công vào tệp dịch thì nó hoạt động.

Các $localizechức năng được khá tốt tài liệu trong JSDoc trong nguồn , tuy nhiên nó không giải thích làm thế nào để làm việc với số nhiều. Ý tôi là một cái gì đó như thế này (mã giả):

$localize`Hello {${count}, plural, =1 {reader} other {readers}}`

Điều này có thể với $localize? Nếu có: Làm thế nào? Nếu không: Angular biên dịch các biểu thức như vậy từ HTML sang TypeScript như thế nào?

Hiện tại, không thể sử dụng ICU với $localize, như đã thảo luận trong vấn đề github này . Từ những bình luận cuối cùng, có vẻ như đội ngũ góc cạnh đang xem xét nó nếu nó vẫn nhẹ.

Trong khi đó, cách giải quyết được đề xuất là tạo phương thức trợ giúp của riêng bạn trả về bản dịch chính xác dựa trên tham số đếm.

    title = $localize `Hi ${this.name}! You have ${
        plural(this.users.length. {
          0: $localize `no users`,
          1: $localize `one user`,
          other: $localize`${this.users.length} users`,
    }.`

    function plural(value, options) {
      // Handle 0, 1, ... cases
      const directResult = options[value];
      if (directResult !== undefined) { return directResult; }
      // handle zero, one, two, few, many
      // ...
      return options.other;
    } 

Tôi vừa đọc vấn đề https://github.com/angular/angular/issues/35912 và tôi nghĩ rằng intl-messageformatcó thể làm những gì bạn cần.

Xem https://github.com/formatjs/formatjs/tree/master/packages/intl-messageformat .