angular - Ngmodel 值更新错误？

Question

我使用了一个第三方下拉列表和日历组件，如果我更改值 ngmodel 值更新错误。它必须采用当前值而不是它采用旧值

sample: ngmodel not updating

如何将当前值更新为 ngmodel..？请提出好的答案

Reproducing procedure:

1.运行示例链接

1. 更改下拉值或日历值

3.查看控制台日志，当前值是使用参数获取的，但 ngmodel 显示旧值

HTML 文件

<link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet">

<ejs-datepicker id="date" (change)="onChange($event)" [(ngModel)]="ModelDate"> </ejs-datepicker>

<ejs-dropdownlist id='ddlelement' [dataSource]='data' [(ngModel)]='Modelvalue' placeholder='Select a game' (change)="onDropChange($event)"></ejs-dropdownlist>

{{ModelDate}}

ts 文件

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  public ModelDate : any ;


  public data: string[] = [ 'Badminton', 'Basketball', 'Cricket', 'Football' ];
    // set a value to pre-select
    public Modelvalue: string = 'Badminton';

  onChange(args){
    // debugger         
      console.log("NgModelvalue:" + this.ModelDate);    
     console.log("Selected value:"  +args.value);
  }
  onDropChange(args){
    debugger
    // args.dataBind();
    console.log("NgModelvalue:" + this.Modelvalue);    
     console.log("Selected value:" +args.value);
  }
}

Answer 1

这是预期的行为，它与更改事件有关。基本上当更改事件被触发时，ngModel 的事件部分还没有更新。

基本上，您需要将 (ngModelChange) 与 [ngModel] 分开使用。

在这里查看更多信息:https://github.com/angular/angular/issues/3406

这里:Angular 2 change event - model changes