【问题标题】:Updating property in class does not update the property in view更新类中的属性不会更新视图中的属性
【发布时间】:2017-05-22 12:13:19
【问题描述】:

这是我在 .ts Typescript 文件中的代码:

 private today: Date = new Date();

这是我的html

  <span [innerText]="today | date:dateFormat"></span>

这完美地显示了 5 月 22 日

现在我有一个按钮可以从中减去一天:

previousDay() {
        Utils.addDays(this.today, -1);
        console.log(this.today);
    }

this.today 在控制台中正确记录了 5 月 21 日,但我的视图仍停留在 5 月 22 日。

这是我创建的 plunk:https://plnkr.co/edit/6hw1JW0h5zNvF0owcU9U?p=preview

我错过了什么?

【问题讨论】:

    标签: angular typescript


    【解决方案1】:

    根据 plunker 更新您的 previousDay 函数,如下所示:

    previousDay() {
     this.today = new Date(this.today.setDate(this.today.getDate() - 1))
     console.log(this.today); 
    }
    

    希望对你有帮助!

    【讨论】:

    • 谢谢,但这是每次都创建新对象的黑客行为。我想保留同一个对象。如果属性更新了,视图不应该自己更新吗?
    • @TimLiberty,这是在 angular2 中为日期对象进行两种方式绑定的正确方法。日期对象与其他对象不同,请查看stackoverflow.com/questions/34819057/…
    • 酷。谢谢你的参考:)
    猜你喜欢
    • 2020-09-21
    • 2021-11-16
    • 1970-01-01
    • 2021-04-01
    • 2019-12-08
    • 1970-01-01
    • 2021-03-08
    • 2020-04-08
    • 2021-04-18
    相关资源
    最近更新 更多