angular 6 ngx 芯片显示不正确

Question

所以我在我当前的项目中使用 ngx-chips 并且我将我的对象保存在一个数组中所以我可以使用下面的例子：

<div>
        <h3>Tags within an autocomplete component (clear on blur events)</h3>
        <tag-input [ngModel]="['@item']"
                   [clearOnBlur]="true">
            <tag-input-dropdown [focusFirstElement]="true" [autocompleteItems]="autocompleteItems">
            </tag-input-dropdown>
        </tag-input>
    </div>

出于某种原因，我得到的是一个无效的空字段，而不是下面示例中显示的内容：

这是我的代码：

<tag-input [ngModel]="selectedExercises" [ngModelOptions]="{standalone: true}"
                   [clearOnBlur]="true">
          <tag-input-dropdown [focusFirstElement]="true" [autocompleteItems]="exercises">
          </tag-input-dropdown>
      </tag-input>

其中 selectedExercises 是一个空数组，我想在其中存储标签 select 并且 exercises 是我要从中选择的对象数组

我在这里错过了什么？

Answer 1

在我的例子中，通过将模块添加到 shared.module.ts 到 exports 部分简单地解决了这个问题：

@NgModule({
...
exports: [...,
    TagInputModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule],

代码本身基本上是从github example

复制粘贴的

angular 6 ngx 芯片显示不正确

angular 6 ngx chips not displaying properly

html

tags

angular

ngx-chips

angular6