jqwidgets-scripts-custom/demos/Angular/complexinput/exponentialnotation/src/app/app.component.html

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

<jqxComplexInput [theme]="'material'" #myComplexInput style="float: left"
    [width]="250" [height]="25" [value]="'330000 - 200i'"
    [spinButtons]="true" [decimalNotation]="'exponential'">
</jqxComplexInput>

<jqxExpander [theme]="'material'" style="float: left; margin-left: 50px"
    [width]="400" [height]="500" [toggleMode]="'none'" [showArrow]="false">
    <div>Angular ComplexInput Notation Settings</div>
    <div style="padding-left: 15px">
        <h4>Choose notation:</h4>

        <jqxDropDownList [theme]="'material'" style="margin-top: 20px" (onChange)="notationsListOnChange($event)"
            [width]="200" [height]="25" [source]="source"
            [autoDropDownHeight]="true" [selectedIndex]="1">
        </jqxDropDownList>

        <div style="margin-top: 20px">
            <h4>Real part</h4>

            <jqxButton [theme]="'material'" style="display: inline-block" [width]="180"
                (onClick)="getRealDecimalOnClick()">
                Get Decimal Value
            </jqxButton>

            <jqxButton [theme]="'material'" style="margin-left: 5px; display: inline-block" [width]="180"
                (onClick)="getRealExponentialOnClick()">
                Get Exponential Notation
            </jqxButton>

            <br /><br />

            <jqxButton [theme]="'material'" style="display: inline-block" [width]="180"
                (onClick)="getRealScientificOnClick()">
                Get Scientific Notation
            </jqxButton>

            <jqxButton [theme]="'material'" style="margin-left: 5px; display: inline-block" [width]="180"
                (onClick)="getRealEngineeringOnClick()">
                Get Engineering Notation
            </jqxButton>

        </div>
        <div style="margin-top: 20px">
            <h4>Imaginary part</h4>

            <jqxButton [theme]="'material'" style="display: inline-block" [width]="180"
                (onClick)="getImaginaryDecimalOnClick()">
                Get Decimal Value
            </jqxButton>

            <jqxButton [theme]="'material'" style="margin-left: 5px; display: inline-block" [width]="180"
                (onClick)="getImaginaryExponentialOnClick()">
                Get Exponential Notation
            </jqxButton>

            <br /><br />

            <jqxButton [theme]="'material'" style="display: inline-block" [width]="180"
                (onClick)="getImaginaryScientificOnClick()">
                Get Scientific Notation
            </jqxButton>

            <jqxButton [theme]="'material'" style="margin-left: 5px; display: inline-block" [width]="180"
                (onClick)="getImaginaryEngineeringOnClick()">
                Get Engineering Notation
            </jqxButton>

        </div>
    </div>
</jqxExpander>