Switch ion-textbox input with Typescript using JQuery

How do I swap input in TextBox 1 and TextBox 2

<ion-input type="text" id="from"></ion-input>
<ion-input type="text" id="to"></ion-input>
<input id="swap" type="button" value="Swap"/>

and here is the JQuery

    $(document).ready(function (){
        var from = $('#from').val();

How can I convert this to use in Typescript ?

Use Angular to bind to the properties of the input. Don’t use jQuery at all - performance issue.

Kindly help me bind the two textboxes with a button

How much of the Angular docs have you read please?

Alot! I have been using Angular for years now


<ion-input type="text" [(ngModel)]="from"></ion-input>
<ion-input type="text" [(ngModel)]="to"></ion-input>
<input id="swap" type="button" (click)="swapValues()/>
public swapValues() {
  let from = this.from;
  this.from = this.to;
  this.to = from;
1 Like