介绍
ngx-fizzbuzz 是一个 Angular 应用的 npm 包，它可以用来生成一个基于 FizzBuzz 游戏规则的列表。
FizzBuzz 游戏规则非常简单，就是从 1 开始往上数，如果遇到 3 的倍数，输出 Fizz，如果遇到 5 的倍数，输出 Buzz，如果遇到同时是 3 和 5 的倍数，输出 FizzBuzz。
安装
安装 ngx-fizzbuzz 很简单，只需要在命令行中使用以下命令：
npm install ngx-fizzbuzz
这个命令会将 ngx-fizzbuzz 和它所有的依赖安装到项目中。
使用
使用 ngx-fizzbuzz 也很简单，首先需要在项目中导入 NgxFizzBuzzModule，然后在 template 中添加 ngx-fizzbuzz 标签即可。例如：
-- -------------------- ---- -------
------ - ----------------- - ---- ---------------
-----------
-------- -
-- --- --------- --
-----------------
--
--
------ ----- --------- - -然后在 template 中添加 ngx-fizzbuzz 标签：
<ngx-fizzbuzz [limit]="100"></ngx-fizzbuzz>
这个例子会生成一个长度为 100 的列表，符合 FizzBuzz 游戏规则。
参数
ngx-fizzbuzz 提供了两个输入属性，可以用来控制 ngx-fizzbuzz 的行为：
limit: 列表的长度，默认为 100。highlight: 需要高亮显示的数的数组，默认为空数组。例如highlight="[3, 5]"，表示需要高亮显示 3 和 5。
示例代码
以下是一个完整的例子，它会生成一个长度为 20 的列表，同时高亮显示 3 和 5：
-- -------------------- ---- -------
------ - ----------------- - ---- ---------------
-----------
-------- -
-- --- --------- --
-----------------
--
--
------ ----- --------- - -在 template 中添加 ngx-fizzbuzz 标签：
<ngx-fizzbuzz [limit]="20" [highlight]="[3, 5]"></ngx-fizzbuzz>
这个例子会生成一个长度为 20 的列表，符合 FizzBuzz 游戏规则，并且会高亮显示 3 和 5。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2081e8991b448dad24