# cc-flop

> ## 安装 npm install cc-flop --save 或 yarn add cc-flop

Latest version **0.0.2** (published 2019-09-25) · 0 weekly downloads

## Install

```sh
npm install cc-flop
pnpm add cc-flop
yarn add cc-flop
bun add cc-flop
```

## 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.2 |
| Published | 2019-09-25 |
| First published | 2019-09-25 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 61.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | myopenresources |

## Links

- npm: https://www.npmjs.com/package/cc-flop
- npm.io page: https://npm.io/package/cc-flop

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 0.0.2 (latest) — 2019-09-25
- 0.0.1 — 2019-09-25

## README

# angular版 翻牌器cc-flop

## 安装
npm install cc-flop --save 或 yarn add cc-flop

## 使用
```javascript
// 业务模块
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { CcFlopModule } from 'cc-flop';

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

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

// component
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.less']
})
export class AppComponent {
  data = 50000;
  changeData() {
    this.data =  Math.floor(Math.random() * (10000));
  }
}


//业务html
<button (click)="changeData();">更换数据</button>

<div ccFlop [data]="data" style="width:200px;height: 60px;font-size: 16em;" #outputData="letData">
    {{outputData.outputData}}</div>

```

## 参数
1. data：数据<br>

2. start：开始数字<br>

3. ticks：核对数量<br>

4. speed：速度<br>

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