Как ввести значение для входа с помощью ngmodel selectmode? - PullRequest
Новая
       13

Как ввести значение для входа с помощью ngmodel selectmode?

0 голосов
/ 05 января 2019

У меня есть два входа с одинаковой нгмоделью: 

<input type="text" placeholder="Time Range To:"
               [(ngModel)]="timeRange"
               [selectMode]="'rangeTo'"
               >

<input type="text" placeholder="Time Range To:"
               [(ngModel)]="timeRange"
               [selectMode]="'rangeFrom'"
               >

в моем файле TS, я использую 

public timeRange: Date[];

Получение данных не является проблемой, например, с помощью this.timeRange [0], но я хочу ввести значение нажатием кнопки, и когда я использую this.timeRange [0], я получаю следующую ошибку: 

ERROR TypeError: Cannot set property '0' of undefined

В своей функции я пытаюсь сделать это: 

this.timeRange[0] = new Date(...);

Как можно ввести значение для входов rangeTo и rangeFrom?

1 Ответ

0 голосов
/ 05 января 2019

Вместо использования одной и той же переменной для двух входных тегов, просто создайте объект timeRange и добавьте его к датам в соответствии с вашими требованиями. 

<input type="text" placeholder="Time Range To:" [(ngModel)]="timeRange.to">

<input type="text" placeholder="Time Range To:" [(ngModel)]="timeRange.from">

в component.ts

используйте интерфейс или тип объекта для создания переменной, здесь я использую интерфейс 

timeRange = new timeRange();

//adding and retrieving is now simple with this

export interface timeRange {
  to?: Date();
  from?: Date();
}
...