简介
angular2-library-hello 是一个通过 npm 发布的 Angular2 库。它包括 HelloWorld 组件和一个服务 HelloWorldService。 HelloWorld 组件渲染一条问候语并调用了 HelloWorldService 来获取问候语。这个库可以用来快速创建一个 Angular2 应用并引入这个库。
安装
使用 npm 安装 angular2-library-hello :
npm install angular2-library-hello --save
使用
在 Angular2 应用中引入 angular2-library-hello 库。
引入模块
编辑应用的 app.module.ts 文件并导入 HelloWorldModule 模块。
import { HelloWorldModule } from 'angular2-library-hello';在 imports 数组中添加 HelloWorldModule 模块。
-- -------------------- ---- -------
-----------
-------- -
--------------
------------
--------------------
----------------- -- -- ----------------
--
------------- ---------------
---------- ---------------
--
------ ----- --------- --使用组件和服务
在模板中使用 HelloWorld 组件和 HelloWorldService 服务。
<hello-world></hello-world>
在组件中使用 HelloWorldService 服务。
-- -------------------- ---- -------
------ - ----------------- - ---- -------------------------
------------
--------- -----------
--------- ------------------------------
--
------ ----- ------------ -
------------------- ------------------ ------------------ --
---------- -
----- -------- - -------------------------------------
----------------------
-
-示例
以下是使用 angular2-library-hello 的示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------------- - ---- -------------------------
------------
--------- -----------
--------- ------------------------------
--
------ ----- ------------ -
------------------- ------------------ ------------------ --
---------- -
----- -------- - -------------------------------------
----------------------
-
-总结
angular2-library-hello 是一个可以加速 Angular2 应用开发的 npm 包。通过本篇文章，您了解了如何安装和使用这个库。希望这个文章能够为您在实际应用开发中提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005583f81e8991b448d56fd