jqwidgets-scripts-custom/demos/Angular/complexinput/defaultfunctionality/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
    [width]="250" [height]="25" [value]="'15 + 7.2i'">
</jqxComplexInput>

<div style="margin-top: 20px;">

    <jqxButton [theme]="'material'" (onClick)="getRealPart()" [width]="150">
        Get real part
    </jqxButton>

    <jqxButton [theme]="'material'" (onClick)="getImaginarypart()" [width]="150">
        Get imaginary part
    </jqxButton>

</div>