【问题标题】:How do I select an item in a ng-select list programmatically? [closed]如何以编程方式选择 ng-select 列表中的项目? [关闭]
【发布时间】:2021-03-06 09:07:29
【问题描述】:

我的应用程序向用户显示了一个使用ng-select 的列表。此列表包含多个项目

  • 项目 1
  • 项目 2
  • 第 N 项

用户可以对上一个列表执行以下两项操作之一。他可以选择现有项目,也可以添加新项目。如果用户向列表中添加了新项目,则需要将新项目自动添加到列表中并被选中。

我已经设法实现了添加到列表功能。但是,我还没有找到一种方法来实现以编程方式选择列表中的项目的功能。

有没有办法用 ng-select 做到这一点?在此先感谢

【问题讨论】:

  • 你肯定需要某种值绑定,看看ngModelReactiveForms

标签: angular angular-ngselect


【解决方案1】:

使用与 typescript 变量关联的 [(ngModel)]。

<ng-select[(ngModel)]="selectedItem">
    ....
</ng-select>

以编程方式设置变量 = 您最后添加的项目。

selectedItem:any;

functionAddItemToList(){
.....
this.selectedItem = NewItem_Just_Added

}

【讨论】:

  • 我尝试使用 [(ngModel)] 并且它可以工作,但我收到警告说在表单控件中使用 ngModal 已被弃用且不应使用。
  • 我不知道您使用的是表单控件。我通常不使用它们。在这里,您有一些选择来应对这种减弱。 stackoverflow.com/questions/49918503/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-06-16
  • 2013-03-30
  • 2017-05-05
  • 1970-01-01
  • 2019-07-20
相关资源
最近更新 更多