介绍
Angular-Library-Nanana 是一个 Angular 的 UI 库，提供了一系列的组件和指令，可以帮助开发者快速构建出一套优秀的 UI 界面。此库使用 TypeScript 编写，完全兼容 Angular 6 及以上版本。
安装
首先需要在你的项目中使用 npm 安装 Angular-Library-Nanana：
npm install angular-library-nanana
使用
- 在你的 Angular 项目的
app.module.ts中引入BrowserAnimationsModule和NananaModule：
-- -------------------- ---- -------
------ - ----------------------- - ---- ---------------------------------------
------ - ------------ - ---- -------------------------
-----------
-------- -
------------------------
------------
--
------------- ---------------
---------- --------------
--
------ ----- --------- - -- 在你的组件中使用 Nanana 的组件或指令，例如：
<na-button>Click me!</na-button> <na-input [(ngModel)]="name"></na-input>
示例
以下是一个使用 Nanana 的表单组件的完整示例：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
----- ----------------------
-------------------
-----
------------------------
--------- ------------------ ----------- --------------------
------
-----
------------------------
--------- ------------- ------------------ -----------------------------------------------------
--------- ------------- ------------------ -----------------------------------------------------
------
-----
------------------------
-------------- ---------------------- --------------- -------------------------
------
-----
---------- ----------------------------
------
-------
-
--
------ ----- ------------- -
---- - ---
------ - -------
-------- - ---
---------------------- -------- ---- -
----------- - -------
-
----------- ---- -
---------------------- ------------ ---------------
-
-结语
Angular-Library-Nanana 是一个非常实用且易用的 Angular UI 库，使用它可以大幅度缩短开发时间，提高开发效率。希望这篇教程可以帮助到大家，让大家更好地掌握这个库的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005600f81e8991b448ddf31