角 - 日期参考值问题

Question

我有一个类似的日期元素。它被绑定到一个名为" filterOptions.from"的日期变量。当价值不是当月的一个月时，我的着色是绿色的。这是元素。

    <div tappable class="float-left">
       <div (click)="OpenPopupDate($event,0,FilterOptions.From)" [class]="FilterOptions.From.getMonth() == Today.getMonth()?'filter-box':'filter-box color-green'">
            Date From
     <span [class]="FilterOptions.From.getMonth() == Today.getMonth() 
     && FilterOptions.From.getFullYear() == Today.getFullYear() ? 'bold':' bold color-green'">
     {{FilterOptions.From | date : 'MMM yyyy'}}</span>
       </div>
   </div>

当您单击元素时，我设置为特定值

   OpenPopupDate(event, source, date) {
        date.setFullYear(2017);
        date.setMonth(2);
}

现在问题是，我正在获得绿色，并且在所有查询中都看到了正确的值。但是，视图所示，尽管实际值是已更新的值，但我仍在看到旧值。

问题是我有大约10个日期元素(FilterOption ....(，并且我不想为每个

Answer 1

我认为对象引用不会改变。在您的组件中尝试一下：

constructor(private ref: ChangeDetectorRef) {}

将此线放在您要刷新视图的位置：

this.ref.detectChanges();