介绍
Angular2 是一种用于构建富客户端应用程序的 TypeScript 框架。基于 Angular2 构建单页应用程序时，往往需要将应用程序拆分为许多模块化的组件，这些组件可以共享和重用。而较大的项目中则会出现许多重复的代码，因此，一些公共业务组件，例如数据网格、表单、对话框等，可能需要作为 npm 包共享以便于其他项目或开发者使用。
angular2-library-my-component 就是一个编写并分享 Angular2 组件的 npm 包。这个包包含了一些常用的 Angular2 组件，例如日期选择器、树形选择器等等。这些组件可通过安装上述包而无需手动编写即可使用。
安装
你可以使用 npm 来安装 angular2-library-my-component:
npm install angular2-library-my-component --save
开始使用
在你的 Angular2 小程序中，你可以从 angular2-library-my-component 中导入组件：
import { MyComponent } from 'angular2-library-my-component';然后，你就可以在你的模板中使用这个组件了：
<!-- use my-component --> <my-component></my-component>
组件列表
日期选择器组件
<!-- use date-picker --> <date-picker></date-picker>
树形选择器组件
<!-- use tree-selector --> <tree-selector></tree-selector>
示例代码
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- --------------------------------
------------
--------- ------
--------- -
-----
------ -------- --------
-----------------------------
------
--
----------- -------------
--
------ ----- ------------ - -总结
angular2-library-my-component 可以帮助您快速构建 Angular2 应用程序所需的一些常用组件。通过了解和使用这些组件，可以加速您的开发过程、提高代码的复用性和可维护性，在更大的团队或项目中也可以选择共享以减少重复的代码工作。
如果您发现任何错误或有任何问题，请随时直接联系开发人员或提交 issue。感谢您的使用和支持！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596181e8991b448d6d37