NgPlurallink

说明link

显示与开关表达式值匹配的 DOM 子树，否则显示与开关表达式的复数类别匹配的 DOM 子树。

Displays DOM sub-trees that match the switch expression value, or failing that, DOM sub-trees that match the switch expression's pluralization category.

要使用此指令，必须提供一个容器元素，该元素将 [ngPlural] 属性设置为 switch 表达式。 [ngPluralCase] 内部元素将根据其表达式显示：

To use this directive you must provide a container element that sets the [ngPlural] attribute to a switch expression. Inner elements with a [ngPluralCase] will display based on their expression:

• 如果 [ngPluralCase] 设置为以 = 开头的值，则仅在该值与 switch 表达式完全匹配时才会显示，

  if [ngPluralCase] is set to a value starting with =, it will only display if the value matches the switch expression exactly,

• 否则，该视图将被视为“类别匹配”，并且仅在未找到精确值匹配且该值映射到已定义语言环境的类别时才会显示。

  otherwise, the view will be treated as a "category match", and will only display if exact value matches aren't found and the value maps to its category for the defined locale.

参见 http://cldr.unicode.org/index/cldr-spec/plural-rules

See http://cldr.unicode.org/index/cldr-spec/plural-rules

      
        content_copy
      
      <some-element [ngPlural]="value">
  <ng-template ngPluralCase="=0">there is nothing</ng-template>
  <ng-template ngPluralCase="=1">there is one</ng-template>
  <ng-template ngPluralCase="few">there are a few</ng-template>
</some-element>