# @tanbo/ui-ie9

> @tanbo/ui是一个基于 Angular 的组件库，并基于最小改动，最小学习成本的前提下，拓展了部分表单控件，提供了很多网页上的视觉交互组件、指令、服务、过滤器等等。并提供了一套侵入性很小的底层css样式表。

Latest version **0.0.1-alpha.17** (published 2020-06-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install @tanbo/ui-ie9
pnpm add @tanbo/ui-ie9
yarn add @tanbo/ui-ie9
bun add @tanbo/ui-ie9
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1-alpha.17 |
| Published | 2020-06-11 |
| First published | 2020-05-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 5.1 MB |
| Known vulnerabilities | 0 (+6 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 11 |
| Author | Tan Bo |
| Maintainers | tanbo |
| Keywords | angular components, angular ui, ui, component, theme |

## Links

- npm: https://www.npmjs.com/package/@tanbo/ui-ie9
- Repository: https://github.com/tbhuabi/tanbo-ui
- Homepage: https://github.com/tbhuabi/tanbo-ui#readme
- Issues: https://github.com/tbhuabi/tanbo-ui.git/issues
- npm.io page: https://npm.io/package/@tanbo/ui-ie9

## Dependencies (4)

- [marked](https://npm.io/package/marked.md) 0.6.2
- [codemirror](https://npm.io/package/codemirror.md) 5.47.0
- [@tanbo/tbus](https://npm.io/package/@tanbo/tbus.md) ^0.0.1-alpha.77
- [highlight.js](https://npm.io/package/highlight.js.md) 9.15.8

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 0.0.1-alpha.17 (latest) — 2020-06-11
- 0.0.1-alpha.16 — 2020-06-03
- 0.0.1-alpha.15 — 2020-06-03
- 0.0.1-alpha.14 — 2020-06-03
- 0.0.1-alpha.13 — 2020-06-03
- 0.0.1-alpha.12 — 2020-05-29
- 0.0.1-alpha.11 — 2020-05-28
- 0.0.1-alpha.10 — 2020-05-28
- 0.0.1-alpha.9 — 2020-05-28
- 0.0.1-alpha.8 — 2020-05-27
- 0.0.1-alpha.7 — 2020-05-27
- 0.0.1-alpha.6 — 2020-05-27
- 0.0.1-alpha.5 — 2020-05-27
- 0.0.1-alpha.4 — 2020-05-26
- 0.0.1-alpha.3 — 2020-05-25
- … 3 more at https://npm.io/package/@tanbo/ui-ie9/versions

## README

# 简介

@tanbo/ui是一个基于 Angular 的组件库，并基于最小改动，最小学习成本的前提下，拓展了部分表单控件，提供了很多网页上的视觉交互组件、指令、服务、过滤器等等。并提供了一套侵入性很小的底层css样式表。

可以这么说，如果你会使用 Angular，那使用@tanbo/ui基本就无需看文档。


---

## 最小更改原则 + 最低学习成本原则

就拿常见的表单控件来说，原来你可能是这么写的：

```html
<input type="checkbox" name="name" [(ngModel)]="model">
```

现在你可以这样写：

```html
<ui-input type="checkbox" name="name" [(ngModel)]="model"></ui-input>
```

基本无需改动就可以实现功能，且支持`disabled`、`readonly`等等原生属性

## 在线文档及演示

**[live demo](https://www.tanboui.com/ui)**

## 更新日志
[CHANGELOG.md](./CHANGELOG.md)

## 安装
```
npm install tanbo-ui --save
```

## 在你的项目中引入tanbo-ui
```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { UIModule } from '@tanbo/ui';

// 这里是依赖的样式表，你也可以直接通过 link 标签引入
// 如果你想自定义样式，你可以通过 scss 源文件来修改其中的样式
// scss 文件目录 node_modules/@tanbo/ui/assets/scss/
import '@tanbo/ui/index.min.css'; 


@NgModule({
    imports: [
        /* ..other modules.. */
        UIModule.forRoot(), // 如果是子模块或异步模块，如路由模块，则不要调用
        BrowserModule,
        BrowserAnimationsModule // UIModule 依赖动画模块
    ]
})

export class AppModule {
}
```
## 在根组件注明`<ui-app></ui-app>`组件
```html
<!-- app.component.html -->

<ui-app>
  <!-- your code ... -->
</ui-app>
```
现在你就可以使用@tanbo/ui所提供的所有功能了。
**更详细的文档请点击[https://www.tanboui.com/ui](https://www.tanboui.com/ui)**

---
_Source: https://npm.io/package/@tanbo/ui-ie9 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._