【问题标题】:Why ngModelChange is not working properly?为什么 ngModelChange 不能正常工作?
【发布时间】:2021-03-07 13:01:33
【问题描述】:

我正在创建一个表单,用户在输入中选择一个日期,然后输入“周”会自动计算相应日期一年中的第几周。我正在这样做:

[ngModel]="maintenance.date |  date:'w'"  (ngModelChange)="maintenance.week = $event.target.value"

输出:maintenance.week = 0

maintenance.date 具有在先前日期输入中选择的日期。但是,如您所见,这不起作用。

如果我为 (mouseenter) 更改 (ngModelChange) 会起作用,但这不是最好的方法,因为用户必须将鼠标移到输入的“week”元素上才能使其工作:

[ngModel]="maintenance.date |  date:'w'"  (mouseenter)="maintenance.week = $event.target.value"

输出:maintenance.week = 48

希望你能帮助我。

【问题讨论】:

  • 不是发送日期和设置星期,您可以将它们组合成一个 ngModel 吗? [(ngModel)]="maintenance.week"

标签: angular binding ngmodel


【解决方案1】:

(ngModelChange) 将发出ngModel 的值,即如果ngModel 的值是01-01-01,那么$event 的值将是01-01-01

因此要解决问题,请将您的代码更改为(ngModelChange)="maintenance.week = $event"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-07-16
    • 2019-01-04
    • 2020-09-03
    • 2016-10-10
    • 2016-10-24
    • 2017-02-27
    • 2017-07-08
    • 2014-11-23
    相关资源
    最近更新 更多