import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'big-number-demo',
    template: `
        <div style="margin: 20px; width: 200px;">

        <label>
            <input type="checkbox" [(ngModel)]="canNull" />
            允许为空
        </label>
        <label>
            <input type="checkbox" [(ngModel)]="bigNumber" />
            启用大数支持
        </label>
        <label>
            <input type="checkbox" [(ngModel)]="useThousands" />
            启用千分位
        </label>

        <input type="text" placeholder="最小值" [(ngModel)]="min">
        <input type="text" placeholder="最大值" [(ngModel)]="max">
        <farris-number-spinner
        [(ngModel)]="bigNum"
        [canNull]="true"
        [min]="min"
        [max]="max"
        [useThousands]="useThousands"
        [bigNumber]="true"
        placeholder="请输入数字"
    ></farris-number-spinner>
        <h1>{{ bigNum }}</h1>
        </div>

        <div style="margin: 20px; width: 500px; background:#f2f2f2">
            <farris-number-range [canNull]="canNull"  [bigNumber]="bigNumber" [(ngModel)]="bigNumr"></farris-number-range>
            <h1>{{ bigNumr }}</h1>
        </div>
    `,
})
export class BigNumberDemoComponent implements OnInit {

    min = '';
    max = '';


    constructor() { }

    ngOnInit(): void { }
}