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

import { jqxFormattedInputComponent } from 'jqwidgets-scripts/jqwidgets-ts/angular_jqxformattedinput';

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

export class AppComponent {
    @ViewChild('myFormattedInput') myFormattedInput: jqxFormattedInputComponent;

    getDecimal(): void {
        let decimalValue = this.myFormattedInput.val('decimal');
        alert('Decimal Value: ' + decimalValue);
    };

    getExponential(): void {
        let exponentialValue = this.myFormattedInput.val('exponential');
        alert('Exponential Notation: ' + exponentialValue);
    };

    getScientific(): void {
        let scientificValue = this.myFormattedInput.val('scientific');
        alert('Scientific Notation: ' + scientificValue);
    };

    getEngineering(): void {
        let engineeringValue = this.myFormattedInput.val('engineering');
        alert('Engineering Notation: ' + engineeringValue);
    };
}