Angular - 删除 NgModel 上的双向绑定？

Question

how do I remove two way binding with [(ngModel)] in angular?

I want a seperate handler for setting the value, and another for changing it. So I can have side-effects

eg

 <input [(ngModel)]="selectedEscrowOffering" [ngbTypeahead]="search" [resultFormatter]="escrowFormatter">

in Vue, models were considered syntatic sugar.

Could I seperate out the two way into a directive and onChangeHandler?

 <input [value]="selectedEscrowOffering" (change)="someFunctionName($event)" [ngbTypeahead]="search" [resultFormatter]="escrowFormatter">

Answer 1

它与 vue 非常相似，将@Output和@Input分开如下：
<input (ngModelChange)="someFunctionName($event)" [ngModel]="mymodel">

Answer 2

Related to the other answer by KLTR, this is how I got it to work:

This two way binding model:

<input [(ngModel)]="selectedEscrowOffering" 

can be broken down into the following:

<input [ngModel]="selectedEscrowOffering" (ngModelChange)="onChangeEscrowDropdown($event)>

On the typescript side, add the function that sets it. I had it on a typeahead, and it looked for an elements in the array of objects to match it

onChangeEscrowDropdown($event){

  if(typeof $event ==="object"){
    this.selectedEscrowOffering = $event
  }
}