angular2-library-example-fork是一个基于Angular 2的库，这个库提供了Angular 2模块的模板。这篇文章将提供一个详细的教程，如何使用这个npm包。
安装
npm install angular2-library-example-fork --save
使用
在你的Angular 2项目中，你可以使用angular2-library-example-fork的组件。首先在你的模块中引入组件：
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ---------------- - ---- -------------------------------- ----------- -------- ---------------- ------------- ------------------- ---------- ------------------ -- ------ ----- --------- - -
在这个例子中，我们把ExampleComponent作为了一个根组件。现在我们来看一下ExampleComponent的代码：
import { Component } from '@angular/core';
@Component({
selector: 'example-component',
template: `<h1>Hello, World!</h1>`
})
export class ExampleComponent {}这里的组件很简单，就是一个h1标签。
**注意：**为了正常使用这个库，你需要在tsconfig.json文件中添加以下配置：
"include": [ "./node_modules/angular2-library-example-fork/**/*.ts" ]
高级用法
在ExampleComponent中，我们可以引入Input和Output，这样我们就可以在组件中做一些更复杂的事情了。下面是一个例子：
-- -------------------- ---- -------
------ - ---------- ------ ------- ------------ - ---- ----------------
------------
--------- --------------------
--------- -------------------
------- ------------------------------- -------------
--
------ ----- ---------------- -
-------- ------ -------
--------- -------------- --------------------- - --- ---------------
--------------- -
------------------------------
-
-在这个例子中，我们引入了一个title属性，并在组件的模板中使用它。我们还声明了一个名为buttonClicked的Output，当button被点击时，将会触发这个事件。最后，我们在onButtonClick方法中调用emit方法，触发了这个事件。
总结
在这篇文章中，我们介绍了如何使用angular2-library-example-fork这个npm包。我们从安装开始，提供了一个简单的例子，还介绍了高级用法。希望这篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eac81e8991b448dc1f9