Question

我有两个输入具有相同的ngmodel：

<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]时，出现以下错误：< / p>

ERROR TypeError: Cannot set property '0' of undefined

在我的职能中，我尝试执行以下操作：

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

如何为rangeTo和rangeFrom输入值？

Answer 1

根据您的要求，只需创建一个timeRange对象并将其添加到Date中，而不是对两个输入标签使用相同的变量即可。

<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();
}

如何使用ngmodel selectmode输入值？

1 个答案: