如何将Object方法的返回值绑定到Angular 2中的DOM?

时间:2016-11-25 19:19:38

标签: angular typescript

让我更具体一点 - 我可以在ngFor:

中绑定返回值
<select id="addTimeslotSelect" style="height:24px; background-color:rgb(235, 235, 228);"  disabled>
  <option *ngFor="let day of days" data-value="{{day}}" data-label="{{day.toDateString()}}"></option>
</select>

day.toDateString()工作正常。但是,当我想访问ngFor之外的特定索引时,我似乎无法使其工作。

<input id="addTimeslotTextbox" data-value="{{days[days.length-1].toLocaleDateString()}}" type="text" disabled/>

天[days.length-1] .toLocaleDateString()在这里不起作用。我收到以下错误:&#34;无法读取属性&to toLocaleDateString&#39;未定义&#34;

如果有人知道为什么它在前一种情况下工作而不是后者,那就很好奇。

1 个答案:

答案 0 :(得分:4)

由于初始更改检测days数组尚未初始化。因此,您应在此处使用Navigation operatorElvis operator)。

data-value="{{days[days.length-1]?.toLocaleDateString()}}"