📜  角度高图-组合(1)

📅  最后修改于: 2023-12-03 14:57:23.944000             🧑  作者: Mango

角度高图-组合

简介

角度高图-组合是一个基于Angular框架的开源UI组件库。它具有丰富的组件和丰富的样式,可以帮助开发者快速构建现代化的Web应用程序。

特性
  • 丰富的UI组件:包括按钮、表单、卡片等常见的UI组件,同时具备高度可定制性。
  • 现代化的设计:组件库的设计风格简洁、大气,符合现代化的UI设计趋势。
  • Angular最佳实践:组件库底层基于Angular框架搭建,符合Angular最佳实践,并且使用Angular CLI构建。
  • 高质量的代码:组件库代码的可复用性和可读性都非常高,在维护和二次开发时都非常有利。
  • 详细的文档:提供了更为详细的文档和代码样例,让开发者能够更快速、更轻松地上手使用。
安装

角度高图-组合可以使用npm包管理工具进行安装:

npm install angular-highcharts --save
使用

在使用角度高图-组合之前,需要在Angular应用程序中添加该库的UI模块,然后在需要使用的组件中进行引用:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { UiModule } from 'angular-highcharts/ui';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    UiModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

在组件中进行引用:

<ht-button>示例按钮</ht-button>
组件列表

角度高图-组合提供了丰富的基于Angular框架的UI组件,包括但不限于:

  • 按钮(Button)
  • 表格(Table)
  • 表单(Form)
  • 卡片(Card)
  • 对话框(Dialog)
  • 提示框(Tooltip)
  • 标签页(Tabs)
  • 菜单(Menu)
  • 图表(Charts)
  • 图片(Image)

更多组件请参见组件列表

贡献

如果您希望为角度高图-组合做出贡献,请阅读我们的贡献指南

许可证

角度高图-组合采用MIT许可证发布。