npm 包 ngx-controls 使用教程

前言

ngx-controls 是一个针对 Angular 框架开发的 ui 控件库，提供众多方便易用、高扩展性的组件和指令。这些组件通常都是零配置，即导入即用，也相当容易配置。

在本文中，我们将介绍 ngx-controls 的使用方法，包括如何安装、配置以及使用。

安装

使用 ngx-controls，你需要先安装它。你可以使用 npm 包管理器来完成此操作。步骤如下所示：

打开命令行工具，并在终端内输入以下命令：

npm install --save ngx-controls

配置

在你能够使用 ngx-controls 之前，你需要在你的 Angular 模块中引入它。在 app.module.ts 文件中添加以下内容：

import { NgxControlsModule } from 'ngx-controls';

然后，在 NgModule 的 imports 定义中，加入 NgxControlsModule。

@NgModule({
  imports: [
    NgxControlsModule
  ]
})

现在，我们已经完成了 ngx-controls 的配置步骤。接下来，让我们看看如何使用它。

使用

导入组件

import { ButtonModule } from 'ngx-controls/button';

@NgModule({
  imports: [
    ButtonModule
  ]
})

在 HTML 模板中使用组件

<ngx-button label="按钮"></ngx-button>

组件

Button

Button 组件，如下所示：

<ngx-button label="按钮" icon="icon-search" color="primary" size="small"></ngx-button>

结语

本文中介绍了 ngx-controls 的使用方法，包括安装、配置以及使用。读者可以根据自身需求选择要使用的组件。如果您对此有疑问或建议，请不要犹豫，欢迎反馈。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aee81e8991b448d8950