问题标签 [ng2-tag-input]

我尝试使用角度和使用标签输入进行自动完成。自动完成工作正常，但在发送我的表单之前，我想定义我的显示值和显示值的 id。

我的 JSON 文件：

网页：

我的 TS 文件：

因此，当我发送表格时，我得到：

但我想得到：

我该如何解决这个问题？

我是 Web 开发的新手，想在我的 Angular 2 应用程序中使用 ng2-tag-input 和 Clarity UI 框架。

由于 Clarity UI 中的 CSS 样式生效，标签输入组件无法正确呈现。例如，这里有两个屏幕截图：

在 .form-group 之外呈现的标记输入组件

在 .form-group 中呈现的标记输入组件

内部<div class="form-group">删除按钮 (x) 未对齐。在这两种情况下，添加标签输入字段都未对齐，等等。

我应该如何修复样式？我正在寻找解决此问题的一般策略以及特定修复程序。

我还没有发现另一个已经回答的问题。我已经查看了这个的描述页面并遵循了那里的指令。

因此，在我实际定义自定义引导程序的 Scss 文件夹中，我创建了一个新的标签输入主题并将其核心样式导入其中

@import "../../../../node_modules/ng2-tag-input/dist/modules/core/styles/core/_core.scss";

我也像这样在组件中添加我的主题名称。

这完全是我的 scss 文件

这也是我的自定义引导设置

好的，我在组件的初始 div 处获得了新的 ark-tag-theme 类，但其他所有内容仍会读取 setup bootstrap3 并且没有读取我的任何类的标签。我也使用 /deep/ 而不是 ng-deep 但结果相同。由于输入组件在 node_modules 中，我确信无论如何我都不应该在那里做任何事情，因为它总是被覆盖。

WI 也在 Firefox 中尝试过，因为我听说 chrome 不尊重 ng-deep。那么如何让我的类读取输入标签？

我正在使用有角度的材料将芯片组件与自动完成组件的组合包装起来，以将 tagInput 组件作为可重用组件。这里一切正常，但是我们在自动完成选项列表中选择之前输入的任何值都会显示，即使在该值被选择并转换为芯片之后也是如此。这仅发生在鼠标单击时。使用 Keyup.enter 进行选择，它不会显示我们输入的任何内容，即使在选择之后也是如此。但是对于使用鼠标单击进行的选择，它并没有清除我想从组件端控制它（sq-taglist.ts）。这是stackblitzLink。我也尝试使用组件中的 setValue 和 patchValue 方法，但没有成功。请帮我解决这个问题。提前致谢。

我使用了 ngx-chips 自动完成功能。它适用于桌面和安卓设备，但在 Iphone 中没有显示任何建议。

这是我的代码：

这是我的 autocompleteItemsAsObjects 对象：

我使用的参考是https://pixinvent.com/apex-angular-4-bootstrap-admin-template/demo-1/components/tags 该模板适用于 Iphone，但我的代码不起作用。

我已经实现了标签输入。我需要将标签输入设置为只读。

上面的代码不起作用，[readonly]="true"也不起作用。提前致谢。