kstng
介绍
angular组件库 公司内部使用
使用注意
安装使用
npm install kstng
oryarn add kstng
- angular.json中引入样式文件
node_modules/src/assets/theme.min.css
andnode_modules/src/assets/style.min.css
开发规约
组件
- 组件必须继承
ComponentBase
父类 组件必须实现接口
OnInit, OnDestroy
,并在ngInit
中实现类似如下的代码`
typescriptlet default:ConfigOption = { name: (this.componentname =
dashboard_stat_configs_${this.id}
), dataConfig: {enable: true, json: JSON.stringify({ title: 'Total Profit', value: '12,5M$' })
} }; this.init_config(_default).then(() => { this.configOpt(this.configOptions);// 需要单独实现的配置方法 });
```typescript
// configOpt实现实例
configOpt(options: ConfigOption) {
const self = this;
self.config(options, (js) => {
self.data = js;
});
}
组件
dashboard-stat
import { DashboardStatModule } from 'kstng';
@NgModule({
...
imports: [DashboardStatModule,...]
...
})
Add component to your page:
<k-dashboard-stat bgClass="red-flamingo"></k-dashboard-stat>
API Reference
Dashboard-Stat Component
Inputs
iconClass | 图标class默认支持font-awesome 4.7 |
---|---|
bgClass | 背景色样式类,可传入的值default blue dark 等等,详细见theme.min.css |
data | 默认数据 { title: string, value: any, detail?: {extra:boolean,url:string} |
码云特技
- 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
- 码云官方博客 blog.gitee.com
- 你可以 https://gitee.com/explore 这个地址来了解码云上的优秀开源项目
- GVP 全称是码云最有价值开源项目,是码云综合评定出的优秀开源项目
- 码云官方提供的使用手册 https://gitee.com/help
- 码云封面人物是一档用来展示码云会员风采的栏目 https://gitee.com/gitee-stars/