问题标签 [angular-ngselect]

你好，我是 Angular 2 的新手

我可以在 ng-select 控件中添加 formGroup 并预定义添加的值。

那是完美的。但是当单击按钮时，新值会在 ng-select 中推送，但 ng-select 不会更新。

这是我的笨蛋

https://plnkr.co/edit/Hwfk1T2stkiRcLTxuFmz

哪里错了？？？

我安装了 ng-select 组件，它允许我在可编辑的选择中显示自动完成器。

我试图通过 JSON 获取此选择的选项，但这对我不起作用！

这项工作 - 组件：

html:

这不起作用 - 组件（在 costructor 中）：

html:

似乎无法阅读在 costructor 或其他方法中写入的内容......我怎样才能让我的“选项”到达我的 JSON 数据？

我在我的模板中使用 ng2-select 来选择项目，有一个名为“添加”的按钮，单击该按钮应显示另一个选择字段，其中包含其他类别的项目列表。为此，我的代码的最简单版本如下所示：

上面的代码没有创建选择字段。我在某处读过有关组件解析器在这种情况下可能有用的信息，但我没有掌握明确的使用方法。如果有人可以简单地向我解释如何解决这个问题，我将不胜感激。我需要一个关于如何在角度 2 中动态添加或附加组件的清晰说明。提前谢谢你。

使用 angular-cli 创建了一个 Angular 项目

我正在使用https://github.com/basvandenberg/ng-select来修改选择框。从 rest servis 获取数据。

我的.component.ts

html块

这就是问题所在。每当我在选择框中选择一个项目时，我在选择框中看不到它（又名空白）；

我如何将名称传递给标签并将 ID 传递给值？

谢谢

我正在构建一个应用程序，在其中构建了一个输入组件，该组件可以适应文本输入、选择、文本区域等...

所以我为此创建了一个模型，在那里我发送它需要的所有信息，以便组件可以适应我的需要。我也在使用 formCONtrol 而不是 ngModel 作为表单（在阅读了一些被认为是最佳选择的页面之后）

我遇到的问题是我无法为 ng-select 预先选择一个值（以前我使用的是 select 组件，它运行良好。

因此，在创建表单中，我有 20 个不同类型的输入，一切都很好......当我尝试执行某些内容的编辑操作时会出现问题，因为我需要使用原始值预先填充所有输入。对于所有组件都可以，因为我将 formControlName 与要更新的实体的模型共享，但是对于 ng2-select 我收到以下错误：

我在谷歌上搜索了可能的解决方案，但没有一个对我有用。也许因为我在另一个组件中使用了 ng-select ......

所以这是我的代码。这是路线：

如您所见，首先我得到项目（要编辑的对象）。然后我得到状态（将在 ng-select 中显示为选项的项目

在我得到状态之后，我创建了 formControl：

最后，我为每个输入创建组件，这里有状态示例：

在那里我设置这个组件将是一个选择，我第一个参数是formControlName中的名称（这样，它知道哪个是formCONtrolName，所以它可以将此值设置为默认值或在提交时分配新的值。然后，标签，然后是要显示的项目列表（最后一个参数是输入的大小）。

这是我的组件对应于选择的模板：

我尝试使用 [active]、[data]、[initData] 但没有任何效果。我总是得到错误

我不知道我是否应该以其他方式分配默认值。错误在行

而在这种情况下， selectedItems 是 State 类型（我的自定义类型），我不知道在此之前是否应该进行转换。该类型具有 id 和 text 值。

总之，错误只是在“编辑”操作中。我的意思是，当元素具有预选的值时，如果没有，它可以正常工作。

我正在使用角度 4.3.3

从失败的行中查看下图：

在那里您可以看到对象已发送，并且 map 函数也未定义。

这是 .html 中使用的 ng-selector

我的问题是，如果我输入一个值，首先它会显示添加。我只想在键入的值不在列表中时才要求添加。我删除了允许的创建，那么它就没有要求。但我想要求添加它是否不在列表中。下一个问题是它没有按字母顺序搜索。请帮我。提前致谢。

在我的 Angular 4 项目中，我有一个 ng-select 组件的表单，它显示了用户的角​​色。在该组件中，首先我需要获取用户角色并将它们显示为默认值。为了能够做到这一点，我在 ngOnInit 中使用 FormControls。因为我从服务中获取默认值，所以根据 FormGroup 的初始化，它们的加载速度非常慢。我在 ngOnInit 中调用它们，但每次 FormGroup 之前运行。所以我在屏幕上看不到任何默认值。我试图让它异步，但我做不到。

这是我的html：

我的 server.component.ts：

我的问题是如何在我的选择框中设置默认选项。假设我想选择我的服务器数组的第一个元素。

我想对 ng2-select 中的项目使用 ngx-translate。我能想到的唯一方法是在绑定之前使用翻译服务并在 ts 文件中改变项目的文本。

有没有办法使用管道或指令，因为我想让它保持一致。

提前致谢。

我正在使用以下 ng-select 模块，但在使用简单数组时遇到了问题。

https://github.com/basvandenberg/ng-select

它期望的选项格式是一个对象数组：

但是我没有提供数据的选项。

我的对象：

在我的 Angular5 组件模板中：

现在使用它时，生成的下拉菜单有 3 个选项，但不显示任何内容，因为它正在寻找带有标签键的对象。

我试图创建一个可以正确格式化数据的函数。

尽管它现在可以正确呈现下拉列表，但这些项目是不可选择的。在查看 DOM 检查器的源代码时，似乎每个选项上的样式属性都会消失/重新出现（就像它正在重新初始化并一遍又一遍地触发函数一样。）

函数创建是否正确？