ngx-chips：在“删除”中添加到其他输入字段不起作用

Question

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

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

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）在“不喜欢”中添加标签

2）在“喜欢”中添加标签

3）从喜欢中移除标签-应该将其添加到喜欢中，但这不起作用。

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

Answer 1

在代码中使用两种方式绑定以反映UI上的更改：

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

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