Angular 模板语法中的复数表达式是什么?

Kev*_*eal 3 angular2-template angular

Webstorm 为 Angular 模板提供语法突出显示选项,其中之一称为“复数表达式”。

正如你从屏幕截图中看到的,它有一组花括号,逗号有特殊的含义,以及其他我在 Angular 模板语法中从未见过的奇怪之处。

这是什么?

在此输入图像描述

Rez*_*eza 5

复数的用法是这样的

{totalItemCount, plural, =0 {no files} =1 {1 file} other { {{totalItemCount | number}} files } selected
Run Code Online (Sandbox Code Playgroud)

因此,totalItemCount如果为 0,则输出no files,如果为 1,则输出1 file,否则输出所选项目的数量 +selected

输出会像

no file selected
1 file selected
15 files selected
Run Code Online (Sandbox Code Playgroud)

这里有一个教程

还有一个与NgPlural等效的