时间戳

首页 > 解决方案 > Angular - 删除 NgModel 上的两种方式绑定？

angular - Angular - 删除 NgModel 上的两种方式绑定？

问题描述

如何在角度中删除与 [(ngModel)] 的两种方式绑定？

我想要一个单独的处理程序来设置值，另一个用于更改它。所以我可以有副作用

例如

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

在 Vue 中，模型被认为是语法糖。

我可以将这两种方式分成指令和 onChangeHandler 吗？

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

标签： angularangular2-directives

解决方案

与 KLTR 的另一个答案相关，这就是我让它工作的方式：

这两种方式绑定模型：

<input [(ngModel)]="selectedEscrowOffering"

可以分为以下几种：

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

在打字稿方面，添加设置它的函数。我把它放在了一个预先输入的地方，它在对象数组中寻找一个元素来匹配它

onChangeEscrowDropdown($event){

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

推荐阅读