ionic4 - 如何将用户名和密码从登录表单传递到服务器

Question

我有一个登录页面，其中包含两个输入用户名和密码以及一个登录按钮。我想获取用户的信息并将其传递给用户进行验证并从服务器获取用户详细信息。

我尝试使用两种方法，但没有一种方法有效。

        <ion-list>
        <ion-input [(ngModel)]="username" placeholder="Username" 
         id="user">
        </ion-input>
       <ion-input [(ngModel)]="password" placeholder="password" 
        id="password">
       </ion-input>
       <ion-button (click)="login()">
        LogIn
     </ion-button>
     </ion-list>

标签： ionic4

Answer 1

你可以先创建一个对象 home.ts

register:any={};
  
onsubmit(data){

console.log(data)

}

主页.html

   <ion-list>
    <ion-input [(ngModel)]="register.username" placeholder="Username" 
     id="user">
    </ion-input>
   <ion-input [(ngModel)]="register.password" placeholder="password" 
    id="password">
   </ion-input>
   <ion-button (click)="onsubmit(register)">
    
 </ion-button>
 </ion-list>