import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  Firstname: string = '';
  Lastname: string = '';
  Name2: string = '';
  Gender: string = '';
  constructor(public navCtrl: NavController) {
  }

  info() {
   console.log(`${this.Firstname} ${this.Lastname} ${this.Name2} ${this.Gender} `);
  }
}

<ion-header>
  <ion-navbar>
    <ion-title>
      Информация
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-label color="primary" floating>Имя:</ion-label>
      <ion-input [(ngModel)]="Firstname"></ion-input>
    </ion-item>    
    <ion-item>
      <ion-label color="primary" floating>Фамилия:</ion-label>
      <ion-input [(ngModel)]="Lastname"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label color="primary" floating>Отчество:</ion-label>
      <ion-input [(ngModel)]="Name2"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label color="primary" floating>Кто вы?:</ion-label>
  <ion-select [(ngModel)]="Gender">
    <ion-option value="1">Женщина</ion-option>
    <ion-option value="2">Мужчина</ion-option>
  </ion-select>
    </ion-item>
    <ion-item>
        <button ion-button (click)="info()">
          Сохранить
        </button>
    </ion-item>
  </ion-list>
</ion-content>