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

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）从喜欢中删除标签 - 它应该添加到不喜欢中，但这不起作用。

这是图书馆中的错误还是我得到了一些更基本的错误？

score 1 · Accepted Answer

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

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

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

1 回答 1