jqwidgets-scripts-custom/demos/Angular/numberinput/settings/src/app/app.component.ts

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

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

import { jqxNumberInputComponent } from 'jqwidgets-scripts/jqwidgets-ts/angular_jqxnumberinput';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})

export class AppComponent {
    @ViewChild('numericInput') numericInput: jqxNumberInputComponent;

    symboltypes: string[] = ['$', '%', 'None'];
    decimaldigitsNumbers: string[] = ['0', '1', '2', '3', '4'];
    digitsNumbers: string[] = ['1', '2', '3', '4', '5', '6', '7', '8'];

    change(event) {
        let checked = event.args.checked;
        this.numericInput.spinButtons(checked);
    };

    checkedLeftbutton(event) {
        this.numericInput.symbolPosition('left');
    };

    checkedRightbutton(event) {
        this.numericInput.symbolPosition('right');
    };

    symboltypeSelect(event) {
        let index = event.args.index;
        if (index == 2) {
            this.numericInput.symbol('');
        }
        else {
            let symbol = this.symboltypes[index];
            this.numericInput.symbol(symbol);
        }
    };

    decimaldigitsSelect(event) {
        let index = event.args.index;
        this.numericInput.decimalDigits(this.decimaldigitsNumbers[index]);
    };

    digitsSelect(event) {
        let index = event.args.index;
        this.numericInput.digits(this.digitsNumbers[index]);
    };    
}