1. 简介
nowzoo-angular-bootstrap-lite 是一个基于 Angular 的轻量级 Bootstrap 库，具有高度可定制性和易用性。它提供了不同的组件和指令，以帮助我们快速搭建具有美观效果的 Web 应用程序。
2. 安装
安装 nowzoo-angular-bootstrap-lite 可以通过 npm 来完成：
npm install nowzoo-angular-bootstrap-lite --save
之后，在你的项目的 module 中导入 nowzoo-angular-bootstrap-lite：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - --------------------- - ---- --------------------------------
-----------
-------- -
---------------------
-
--
------ ----- ---------- - -3. 使用
3.1. alert 消息框
alert 消息框是一个可以显示信息的组件，通常用作提示框和错误消息框。
<nowzoo-alert type="success" [dismissable]="true" (close)="onClose()"> This is a success message. </nowzoo-alert>
type：指定消息框类型，有四个选项： success, info, warning 和 danger。dismissable：指定是否需要显示关闭按钮。默认为false。close：指定关闭按钮被点击时触发的事件。
3.2. Button 按钮
Button 按钮是用于触发特定操作的组件，可以使用不同的类型、大小、颜色来适应不同的场景。
-- -------------------- ---- -------
--------------
-------------
---------
---------------
-----------------
--------------------
----------------------
------
----------------type：指定按钮类型，有三个取值：submit,button和reset。size：指定按钮大小，有三个选项：sm,md和lg。color：指定按钮颜色，有五个选项：default,primary,success,info和danger。isBlock：指定是否需要按钮宽度撑满父容器。默认为false。isDisable：指定按钮是否被禁用。默认为false。clicked：指定按钮被点击时触发的事件。
3.3. Modal 模态框
Modal 模态框是一个展示内容的弹出框，它可以覆盖整个屏幕，使内容更加突出。
-- -------------------- ---- -------
-------------
----------------------
--------------- -------
--------------------
-------------------
----------------------
-------- ------- ---- -----------
----------
---------------isShow：指定模态框是否显示。默认为false。title：指定模态框的标题。isCloseable：指定模态框是否需要关闭按钮。默认为true。isCentered：指定模态框是否居中于父容器。默认为true。closed：指定模态框被关闭时触发的事件。
4. 总结
现在你应该已经掌握了 nowzoo-angular-bootstrap-lite 的基本用法，除了上述介绍的组件之外，nowzoo-angular-bootstrap-lite 还提供了调色板、表单控件、图片等丰富的组件。通过 nowzoo-angular-bootstrap-lite 的使用，可以让你的应用程序看起来更加优美和舒适，提高用户的使用感受和体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005607881e8991b448dea15