介绍
extream-ng2-common-components 是一个 npm 包，它提供了前端开发常用的 Angular 组件，比如按钮、输入框、下拉框等等。这个包非常方便，能够帮助开发者快速构建美观且易用的用户界面。
安装
在安装这个 npm 包之前，前提是你需要安装 Angular 框架。如果你还没有安装过 Angular，请先参考官方文档进行安装。
安装 extream-ng2-common-components 的命令如下：
npm install extream-ng2-common-components --save
安装完成后，在项目代码中引用其模块：
import { ExtreamCommonModule } from 'extream-ng2-common-components';
@NgModule({
imports: [ExtreamCommonModule],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }使用
在引用了 ExtreamCommonModule 之后，就可以在你的组件模板中使用 ext-* 标签来使用组件了。当然，在使用之前，你也需要引入必要的依赖包：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------- - ---- --------------
------------
--------- ---------------
--------- -
----------- ----------------------------------------
---------- -------------------------------
----------- ---------------------- -------------------------------
-
--
------ ----- ----------- -
----- -------
--------- -----------
------ ------------ - -
- ------ --- --- ------ - --
- ------ --- --- ------ - --
- ------ --- --- ------ - -
--
------------- -
------------ ----------------
-
-这个例子展示了如何在一个 Angular 组件中使用 extream-ng2-common-components。其中，ext-button、ext-input 和 ext-select 都是 extream-ng2-common-components 包中的组件，它们分别代表了一个按钮、一个输入框和一个下拉框。在使用这些组件时，我们只需把它们当做普通的 HTML 元素来使用即可，完全不需要知道它们的内部实现细节。
示例
下面是一个示例代码，它演示了 extream-ng2-common-components 中的一些组件的使用方法。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------- - ---- --------------
------------
--------- -----------
--------- -
--------------------------------- -------
-----------
----------- ----------------------------------------------
------------
---------- ------------------ ----------------------------------
-----------------------
------------
----------- ---------------------- -------------------------------
----------------------------------
-
--
------ ----- ------------ -
----- -------
--------- -----------
------ ------------ - -
- ------ --- --- ------ - --
- ------ --- --- ------ - --
- ------ --- --- ------ - -
--
------------------- -
------------- ---------
-
-结语
extream-ng2-common-components 是一个非常优秀的 npm 包，它提供了许多常用的 Angular 组件，大大提升了前端开发的效率。如果你正在使用 Angular 进行开发，并且想要使用美观且易用的组件，那么这个包绝对是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558a481e8991b448d5f52