Привязать объект к полю ввода в Ionic 2 - PullRequest
Новая
       6

Привязать объект к полю ввода в Ionic 2

0 голосов
/ 10 мая 2018

Я застрял с довольно простым вопросом, но не знаю, как его погуглить.

В моем приложении Ionic 2 у меня есть AddPassengerPage с полями ввода для имени, электронной почты и телефона. В моем модуле я объявляю эти переменные: 

name: string;
phone: string;
email: string;

Так что, на мой взгляд, я могу привязать к нему поле ввода: 

<ion-input type="text" [(ngModel)]="email"></ion-input>

Позже я хочу передать пассажира провайдеру, который отправит его в мой API. То, что я хотел бы сделать, - это просто не иметь три переменные, а вместо этого объект-пассажир, поэтому мой код будет выглядеть так: 

passenger: object;

И на мой взгляд: 

<ion-input type="text" [(ngModel)]="passenger.email"></ion-input>

Это фантомный код, как я и хотел. Как бы это выглядело в реальном коде?

1 Ответ

0 голосов
/ 10 мая 2018

Я бы предложил использовать такой интерфейс 

// This can be placed before 'export class AddPassengerPage' 
// and after your import statements
interface Passenger {
  name: string;
  phone: string;
  email: string;
}

// passenger can then be type checked against the defined interface of Passenger
passenger: Passenger;

Что позволит вам получить доступ к свойствам объекта с помощью точечной нотации. 

<ion-input type="text" [(ngModel)]="passenger.email"></ion-input>

Другой вариант - получить доступ к свойствам универсального объекта с помощью операторов квадратной скобки. 

<ion-input type="text" [(ngModel)]="passenger['email']"></ion-input>
...