วิธีการใช้เชิงมุม 9 $ จำกัด วงด้วยพหูพจน์

ตั้งแต่ Angular 9 เราสามารถใช้

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

สำหรับ i18n ในรหัส typescript สิ่งนี้ยังคงมีข้อ จำกัด บางประการเนื่องจากng xi18nคำสั่งตรวจไม่พบสตริง แต่หากข้อความเหล่านี้ถูกเพิ่มเข้าไปในไฟล์การแปลด้วยตนเอง

$localizeฟังก์ชั่นเป็นเอกสารที่ค่อนข้างดีในJSDoc ในแหล่งที่มาแต่ก็ไม่ได้อธิบายวิธีการทำงานกับพหูพจน์ สิ่งที่ฉันหมายถึงคือสิ่งนี้ (รหัสเทียม):

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

เป็นไปได้ด้วย$localizeหรือไม่ ถ้าใช่: อย่างไร ถ้าไม่: Angular รวบรวมนิพจน์ดังกล่าวจาก HTML เป็น TypeScript ได้อย่างไร

สำหรับตอนนี้มันเป็นไปไม่ได้ที่จะใช้ ICUs กับ$localizeที่กล่าวไว้ในนี้ปัญหา GitHub จากความคิดเห็นที่ผ่านมาดูเหมือนว่าทีมงานเชิงมุมกำลังพิจารณาถ้ามันยังคงมีน้ำหนักเบา

วิธีแก้ปัญหาที่แนะนำคือการสร้างวิธีการช่วยเหลือของคุณเองที่ส่งคืนการแปลที่ถูกต้องตามพารามิเตอร์การนับ

    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;
    } 

ฉันเพิ่งอ่านปัญหาhttps://github.com/angular/angular/issues/35912และฉันคิดว่าintl-messageformatสามารถทำสิ่งที่คุณต้องการได้

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