在前端开发中，我们经常需要使用各种库和框架来帮助我们完成编码工作。其中，npm 包是一个广泛使用的资源，提供了大量的代码共享和协作工具，其中 k15t-aui-ng2 是一个非常有用的 npm 包，可以帮助我们在 Angular2 项目中使用 Atlassian User Interface （AUI）组件库。
1. 安装 k15t-aui-ng2
首先，我们需要在项目中安装 k15t-aui-ng2。使用 npm 命令即可：
npm install --save k15t-aui-ng2
2. 引入 k15t-aui-ng2
在 Angular2 项目中，你需要在你的应用模块里引入 k15t-aui-ng2，然后导入依赖模块，并添加到 imports 数组中。同时，你也可以在你的组件中直接使用 AUI 组件了。以下是一个简单的示例：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
------ - --------- - ---- ---------------
-----------
-------- -
--------------
----------
--
------------- -
-------------
--
---------- --------------
--
------ ----- --------- - -3. 使用 k15t-aui-ng2
以文本输入框（Input Text）为例，你可以在你的组件 HTML 中直接引用 AUI 中的输入框组件，并传入需要的参数。以下是一个简单的示例：
-- -------------------- ---- ------- ---------- ------------ ------ ------------------ ------------ ------------ ------ ----------------- ---------------- ------------------ ---------------------------------- ------------
以上代码会生成一个下方漂浮的输入框，包含一个带标签的文本输入框、占位符、默认值、尺寸和状态。你可以在你的 TypeScript 文件中定义 handleChange 方法来处理 onChange 已触发的事件。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------------- - ---- ---------------
------------
--------- ---------
------------ -----------------------
--
------ ----- ------------ -
------------------- ----------------- -
-------------------------
-
-4. 总结
通过这篇文章，我们学习了如何在 Angular2 项目中使用 k15t-aui-ng2 这个 npm 包。我们了解了如何安装和引入 k15t-aui-ng2、如何使用 AUI 组件，以及如何处理与这些组件交互的事件。希望本教程对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ef94c49986ca68d8774