ngx-chips：添加到其他输入字段 onRemove 不起作用

Question

我正在使用 https://github.com/Gbuomprisco/ngx-chips 和两个输入字段。如果标签从第一个输入中删除 ("likes")，它会添加到第二个输入中（“不喜欢”）。

如果先在第二个字段中输入一些内容，则此方法无效。

TS:

public likes = [];
public dislikes = [];

onLikeRemove(tag) {
  this.dislikes.push(tag);
  console.log(this.dislikes);
}

HTML:

<tag-input [ngModel]="likes" (onRemove)="onLikeRemove($event)">
</tag-input>

<tag-input [ngModel]="dislikes">
</tag-input>

演示： https://stackblitz.com/edit/ngx-chips-example-5ajdec?file=app/shared/tag-input/tag-input.component.html

重现步骤：

1) 添加标签到"dislikes"

2) 添加标签到"likes"

3) 从喜欢中删除标签 - 它应该添加到不喜欢中，但这不起作用。

这是库中的错误还是我遇到了更基本的错误？

Answer 1

在您的代码中使用双向绑定来反映 UI 上的更改：

<tag-input [(ngModel)]="likes" (onRemove)="onLikeRemove($event)">
</tag-input>

<tag-input [(ngModel)]="dislikes">
</tag-input>

ngx-chips: adding to other input field onRemove doesn't work