jqwidgets-framework/demos/Angular/src/formattedinput/exponentialnotation/app.component.ts

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

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

import { jqxFormattedInputComponent } from 'jqwidgets-ng/jqxformattedinput';

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

export class AppComponent {
    @ViewChild('myFormattedInput', { static: false }) 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);
    };
}