Angular 2+ 创建一个动态的抽奖转盘 - ng-wheel

Angular 2+ 创建一个动态的抽奖转盘 - ng-wheel
插件名称 ngx-wheel
发布时间 2020年7月18日
插件作者 Sayegh7

ng-wheel是一个 angular (2+) 开放源代码的库 ,可创建一个动态的抽奖 转盘 。它用于显示预定的奖金,同时对用户来说似乎是随机的。这可用于允许服务器在转盘旋转之前确定奖品,然后转盘将旋转并着陆在服务器选择的奖品上。

安装:

# NPM
$ npm ngx-wheel --save

用法:

将ngx-wheel导入到ngModule中。

import { NgxWheelModule } from 'ngx-wheel';

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

使用组件。

<ngx-wheel prizeToWin="iPhone" [prize_descriptions]="['Car','iPhone','$200']" [colors]="['#ff0000', 'green', 'blue']"></ngx-wheel>

参数:

  • awardToWin:奖品
  • award_descriptions:描述数组
  • color :颜色数组