html - 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>

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

我在这里想念什么？

标签： htmlangulartagsangular6ngx-chips

Answer 1

在我的情况下，问题只是通过将模块添加shared.module.ts到exports部分来解决：

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

并且代码本身基本上是从github 示例中复制粘贴