我正在使用ngx-chips作为标签输入控件。我使用自己的自定义对象作为控件下拉列表中的项目;这些具有以下结构:
_id: number;
name: string;
summary: string;
creationDate?: string;
lastUpdate?: string;
因此,根据 ngx-chips 文档,我提供[identifyBy]="'_id'"
并[displayBy]="'name'"
作为控件的输入;现在,当我选择另一个项目添加到控件并更新模型时,它会添加上面列出的所有字段;
这是我的输入:
<tag-input [(ngModel)]="goalModel" [theme]="'wsm-theme'" [identifyBy]="'_id'" [displayBy]="'name'" [onlyFromAutocomplete]="true" [placeholder]="'Add filters'" class="wsm-input px-1 py-0">
<tag-input-dropdown [showDropdownIfEmpty]="true"
[autocompleteItems]="goalFilters"
[limitItemsTo]="4"
[identifyBy]="'_id'" [displayBy]="'name'">
</tag-input-dropdown>
</tag-input>
有没有办法在添加项目时只保留模型上的_id
和name
字段?我认为它应该在(onAdd)
控件的输出事件中完成;但我想不出一种方法来真正实现这一点,如果它可以做到的话。