Angular 8:ngx芯片表单验证问题

我在Angular 8项目中使用ngx芯片。当我在编辑表单ngForm中时，我看到标签输入具有所选流派的名称。但是，我无法提交表单，因为它显示我字段是必需的。请参见下面我的代码是.html文件：

当我控制台this.genreIds时，它会显示以下内容：

---

{值：36，显示：动画}

ngx芯片组件更改检测在使用push方法推送值时不会触发

角度变化检测仅检查对象标识，而不检查对象 所容纳之物因此，不会检测到插入或删除

试试这个：

---

我已经更新了我的问题。你能根据它更新你的答案吗？你能创建stackblitz吗？console.logthis.genreIds；显示以下内容：0:{value:36，display:Animation}按您的建议运行良好。

<tag-input name="itemno" #itemno="ngModel" [ngModel]="genreIds" [onlyFromAutocomplete]="true" required placeholder="" class="form-control none">
    <tag-input-dropdown [autocompleteItems]="itemsAsObjects">
    </tag-input-dropdown>
</tag-input>

<div *ngIf="contentStandalonrFrm.submitted && itemno.invalid">
    <div *ngIf="itemno.errors.required" class="text-danger">{{required_field}}</div>
</div>

listArray.forEach(item => {
    this.genreIds.push({ 'value': item.genreId, display : item.genreName });
});

const selectedValue =  listArray.map(item => {
   return { 'value': item.genreId, display : item.genreName };
});

this.genreIds = selectedValue;