tanbo-ui v2.1.0
简介
目前很多功能还在开发中,还不稳定,不建议用于生产环境
tanbo-ui是一个基于Angular4.0的拓展包,并基于最小改动,最小学习成本的前提下,拓展了部分表单控件,提供了很多网页上的视觉交互组件、指令、服务、过滤器等等。并提供了一套侵入性很小的底层css样式表。
可以这么说,如果你会使用angular,那使用tanbo-ui基本就无需看文档。
最小更改原则 + 最低学习成本原则
就拿常见的表单控件来说,原来你可能是这么写的:
<input type="checkbox" name="name" [(ngModel)]="model">
现在你可以这样写:
<ui-input type="checkbox" name="name" [(ngModel)]="model"></ui-input>
基本无需改动就可以实现功能,且支持disabled
、readonly
等等原生属性
在线文档及演示
更新日志
安装
请确保你项目中的angular版本不低于4.0
npm install tanbo-ui --save
在你的项目中引入tanbo-ui
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { UIFormsModule, UIDirectivesModule, UIComponentsModule } from 'tanbo-ui';
// 这里是依赖的样式表,你也可以直接通过link标签引入
// 如果你想自定义样式,你可以通过taobo-ui提供的scss源文件来修改其中的样式
// scss文件目录 node_modules/tanbo-ui/bundles/assets/scss/
import 'tanbo-ui/bundles/tanbo-ui.min.css';
@NgModule({
imports: [
/* ..other modules.. */
UIFormsModule,
UIDirectivesModule,
UIComponentsModule,
FormsModule, // FormsModule 一定要在 UiFormsModule 之后
BrowserModule,
BrowserAnimationsModule // UiComponentsModule 依赖动画模块
]
})
export class AppModule {
}
在根组件志明<ui-app></ui-app>
组件
<!-- app.component.html -->
<ui-app>
<!-- your code ... -->
</ui-app>
现在你就可以使用tanbo-ui所提供的所有功能了。当然,如果你只用到其中一个模块,也可以只导入其中一个。
声明ui-app
组件主要是因为这里面封装了notify、confirm等功能,如果你不需要相应功能,也可以不声明
更详细的文档请点击http://www.tanboui.com
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago