ionic 获取input的值

1.ngModel  双向绑定

.html

<ion-input type="number" placeholder="输入X坐标" [(ngModel)]="x"></ion-input>
<ion-input type="number" placeholder="输入Y坐标" [(ngModel)]="y"></ion-input>
<button (click)="pointLocation()">定位</button>

.ts

    x: number;
　　y: number;
　　popintLocation() {
　　　　console.log(this.x);
　　　　console.log(this.y);
　　}

2.参数传递法

.html

<ion-input type="text" placeholder="请输入账号" #username></ion-input>
<ion-input type="password" placeholder="请输入密码" #password></ion-input>
<button (click)="login(username, password)">登录</button>

.ts

login(username: HTMLInputElement, password: HTMLInputElement) {
　　　　console.log(username.value)
　　　　console.log(password.value)
　　}