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

角度 - 日期参考值问题

1 个答案: