Blackbaud SkyUX 是一个基于 Angular 的前端框架，它提供了一系列的组件和工具来帮助开发者快速搭建响应式的 Web 应用程序。blackbaud-skyux 是 Blackbaud SkyUX 中的一个 NPM 包，它为开发者提供了许多可重用的 UI 组件和服务。
安装
要使用 blackbaud-skyux，您需要先安装 Node.js 和 npm。在安装完成后，可以通过以下命令来安装 blackbaud-skyux：
npm install --save blackbaud-skyux
使用
导入模块
在使用 blackbaud-skyux 之前，您需要在应用程序的根模块中导入 SkyUXModule ：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------------ - ---- -----------------------------------
------ - ----------- - ---- ------------------
------ - ------------ - ---- ------------------
------ - ---------------- - ---- -----------------------
-----------
-------- -
--------------
------------ -- -- ----- --
----------------
--
------------- -
------------
--
---------- -
------------------- -- -- ------------------ - --------- --
------------
-
--
------ ----- --------- - -使用组件
blackbaud-skyux 提供了许多可重用的组件，例如按钮、卡片等。您可以通过在模板中使用这些组件来搭建用户界面。
<sky-button (click)="onClick()">Click me</sky-button>
<sky-card>
<sky-card-title>This is the title</sky-card-title>
<sky-card-content>
This is the content.
</sky-card-content>
</sky-card>使用服务
blackbaud-skyux 还提供了许多可重用的服务，例如消息提示、进度指示器等。您可以在需要的组件中注入这些服务，并在代码中调用它们。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------------- - ---- ---------------------------------------------------
------------
--------- --------------
--------- -
------- -------------------------- --------------
-
--
------ ----- ---------------- -
------------------- ------------- ---------------- --
----------- -
------------------------------ ---------
-
-示例代码
以下是一个基本的 Angular 应用程序，使用 blackbaud-skyux 展示了一个按钮和一个卡片：
<!-- app.component.html -->
<sky-button (click)="onClick()">Click me</sky-button>
<sky-card>
<sky-card-title>This is the title</sky-card-title>
<sky-card-content>
This is the content.
</sky-card-content>
</sky-card>-- -------------------- ---- -------
-- ----------------
------ - --------- - ---- ----------------
------------
--------- -----------
------------ ----------------------
--
------ ----- ------------ -
--------- -
------------------
-
-结论
blackbaud-skyux 提供了许多可重用的组件和服务，可以帮助开发者快速搭建响应式的 Web 应用程序。通过学习本教程，您应该能够使用 blackbaud-skyux 构建自己的应用程序，并在其中使用黑色包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38896