angular 单元测试时双向绑定无效

Question

我在写单元测试时在UI上的ngModel和ngModelchange都是无效的。
通过dispatch(new Event('input');
是可以改变ngModel绑定的值，但是UI上显示不正常

<input class="tempVal" [(ngModel)]="tempVal"/>{{tempVal}}

//tempVal 默认值为123
      fixture.autoDetectChanges();
      let ele =   fixture.debugElement.query(By.css('.tempVal'));
      ele.nativeElement.value = 'dfjaksdf';
      ele.nativeElement.dispatchEvent(new Event('input'));

执行完成时UI上Input框中为123，后面显示为dfjaksdf
在创建这个component是import FormsModule了
翻阅了google也没找到答案，望大佬指点！