简介
Nebular是一套基于Angular框架的UI库，它提供了大量UI组件和主题，方便开发者快速构建web应用。而nebularcn包则是Nebular官方的中文翻译文档，方便中文开发者使用。
本文将向你介绍如何使用nebularcn包，以及如何在自己的项目中设置中文文档。
安装
在开始使用nebularcn包之前，需要先安装Nebular和Angular：
npm install @nebular/theme @angular/core @angular/common @angular/forms --save
接着安装nebularcn包：
npm install nebularcn --save
使用
可以直接在你的项目中引入nebularcn包，然后获取翻译后的文本。
以下是一个示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ------------
------ ----- ------------ -
------------------- ---------- ---------- --
---------- -
------------------------------------------
-
-此时控制台将输出中文的按钮文本。
同时也可以在html中使用translate管道
<h1>{{ 'actions.save' | translate }}</h1>设置与使用自定义翻译文档
Nebular提供了一套默认的英文文档，同时也提供了中文翻译文档nebularcn。如果需要自定义翻译文档，可以按照以下步骤：
- 创建一个自定义的翻译文件，命名为
my-i18n.json，并按照Nebular官方文档提供的格式进行翻译。
{
"button": "按钮",
"home.header": "主页",
"actions.save": "保存"
}- 在项目中创建一个
MyTranslations服务，并注入TRANSLATIONS和TRANSLATIONS_FORMAT。
-- -------------------- ---- -------
------ - ------------ ------------- ------------------- - ---- ----------------
------ ----- -------------- ---------- ----------- -
-- -------
------ ------------ - --------------------------
-------- -------- --- -
------ -----------------------
-
-
------ ----- --------------- - --- -----------------
------ -------- ---------------------------- ---------- -
------ -
- -------- ------------- --------- ---------------------------- --
- -------- -------------------- --------- ----- -
--
-- 在项目的
app.module.ts中，导入nebularcn包，并将其添加到MyTranslations服务的translations属性中：
-- -------------------- ---- -------
------ - --------- - ---- ------------
------ - --------------- - ---- --------------------
-----------
-------- -
--------------
------------
-- ------------
-------------------
--
------------- -
------------
--
---------- -
---------------
--
---------- --------------
--
------ ----- --------- -
------------------- ---------- ---------- -
-- -----------------------
---------------------------- - ----------------- ----------------------- ------------------------------
-
-这样，当Nebular UI组件运行时，将会从MyTranslations服务中获取翻译文档。
总结
本文向你介绍了如何使用nebularcn包以及如何在自己的项目中设置自定义的翻译文档。希望本文对你有所帮助，也希望你在开发过程中可以多多使用Nebular UI库，提高你的开发效率和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600673e2fb81d47349e53da4