角度6 ngx芯片无法正确显示

时间:2018-11-02 03:38:37

标签: html angular tags angular6 ngx-chips

因此,我在当前项目中使用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>

由于某种原因,我得到的是一个不起作用的空字段,而不是下面的示例中显示的内容:

enter image description here

这是我的代码:

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

其中selectedExercises是一个空数组,我要在其中存储我选择的标签,exercises是一个对象数组,我要从中选择

我在这里想念什么?

1 个答案:

答案 0 :(得分:1)

就我而言,只需将模块添加到>>int部分中即可解决此问题:

.push_back()

并且代码本身基本上是从github example

复制粘贴的