首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角6 ngx芯片显示不正确

角6 ngx芯片显示不正确
EN

Stack Overflow用户
提问于 2018-11-02 03:38:37
回答 1查看 2.8K关注 0票数 1

因此,我在当前项目中使用ngx-chips,并将对象保存在数组中,以便可以使用以下示例:

代码语言:javascript
运行
复制
<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>

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

这是我的密码:

代码语言:javascript
运行
复制
<tag-input [ngModel]="selectedExercises" [ngModelOptions]="{standalone: true}"
                   [clearOnBlur]="true">
          <tag-input-dropdown [focusFirstElement]="true" [autocompleteItems]="exercises">
          </tag-input-dropdown>
      </tag-input>

其中selectedExercises是一个空数组,我想存储我选择的标记,而exercises是一个对象数组,我想在其中进行选择。

我在这里错过了什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-09 08:41:56

在我的例子中,通过将模块添加到shared.module.tsexports部分,这个问题就得到了解决:

代码语言:javascript
运行
复制
@NgModule({
...
exports: [...,
    TagInputModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule],

代码本身基本上是从github示例复制粘贴的。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53112378

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档