以编程方式设置角度 5 ng-select 中的选定值

2023-12-02

我正在使用 angular5 ng-select 组件:https://github.com/ng-select/ng-select并尝试设置选定值(以编程方式)当容器组件首次加载时(模型中设置的默认选择值)。 我没有找到它或的任何相关属性已选择对于每个项目。 这是我的代码(已过滤): HTML:

<ng-select [items]="filter.values"  bindLabel="text" bindValue="id" class="input-md" [(ngModel)]="filter.selectedValue"></ng-select>

Model:

export class FilterData
{
    Name : string;
    FormattedName : string;
    values : Filter[];
    selectedValue : Filter = null;
    constructor(filterData : FilterData)
    {
        this.Name = filterData.Name;
        this.values = filterData.values;
        this.selectedValue = typeof filterData.selectedValue == "undefined" ? null : filterData.selectedValue;
    }
}

export class Filter 
{
    public id: number;
    public text: string;
}

只需找到该项目

    let item = this.ngSelect.itemsList.findByLabel('label of the item');

然后将其设置回去

    this.ngSelect.select(item);

您需要在角度分量中引用 ng-select

    @ViewChild(NgSelectComponent)
    ngSelect: NgSelectComponent;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

以编程方式设置角度 5 ng-select 中的选定值 的相关文章

  • MVVM 树视图所选项目

    我希望有人愿意在这里帮助我 我对 MVVM 还很陌生 在阅读了很多帖子和示例后我仍然无法弄清楚这一点 我有 EF 数据库 其中包含属于每个项目的项目和计算 我使用树视图和层次数据模板显示项目和计算 当我单击树视图项目时 我想绑定要设置的标签
  • 根据角度中的用户ID从数据库获取用户角色

    我正在使用 身份验证服务 来保留所有用户身份验证功能 当用户通过身份验证时 我获取用户的 ID 并从数据库表中获取相关记录 但无法获取 角色 字段的值 我在构造函数中使用的代码是这样的 constructor private firebas
  • Angular 5 RxJs concatMap、switchMap、mergeMap 哪个?

    我有这个方法通过本地存储获取令牌 如果令牌不存在或过期 我将调用API来获取另一个令牌并存储到本地存储 在这种情况下 我应该使用哪个地图 当前使用 mergeMap 还是其他方式来执行此操作 public doGetToken Observ
  • 如何隐藏 WPF 组合框中的所选项目?

    我想从打开的 WPF 组合框中隐藏所选项目 基本上是为了显示而不是这样 item2 item1 item2 item3 this item2 item1 item3 如何才能做到这一点 为什么不更改所选项目的可见性呢
  • 如何从 DOM 中删除 element.nativeElement?

    我尝试了这样的方法 ViewChild draggable private draggableElement ElementRef this draggableElement nativeElement remove HTML div Bl
  • Xamarin.Forms ListView 通过代码设置 SelectedItem

    我怎样才能设置SelectedItem我的代码中的 ListView 我的问题是 当我在代码中预选择一个项目时 它没有突出显示 ListView 在 xaml 文件中定义
  • Angular 5 按日期排序

    我有一张课程表 我想按日期排序 由于 Angular 5 没有 orderBy 管道 并且到目前为止我找到的所有解决方案都只能应用于数字和字符串 如果有人可以帮助我 我将不胜感激 这是我的桌子的主体 tbody tr th lesson d
  • Angular 5 - 动态基础引用导致捆绑|块的重复加载

    我在项目中使用 Angular 5 2 版本 我在index html 中动态设置基本引用以满足不同客户端的不同URL 应用程序主页网址如下所示 http example com client1 app login http example
  • 在 IE 中用 ngOnit() 编写时,可观察订阅不起作用

    我定义了一个行为主体 组件 ts bsub1 BehaviorSubject
  • Angular 5 中的页眉和页脚

    我正在用 Angular 5 创建我的网站 我的网站中有主页 商店和类别页面 最初 我决定在整个网站上保持页眉和页脚全局 我的意思是创建页眉和页脚组件并将它们用作指令
  • 从 ts 打开选择(角度、ng-select)

    我在页面上有几个 ng selects 并且正在尝试从 ts 打开一个 我可以使用以下命令专注于正确的 ng select ViewChildren NgSelectComponent ngselect QueryList
  • Angular 5 与 Bootstrap 4 不工作

    我创建了一个新的 Angular 5 项目 之后我按照给出的指示进行操作Angular CLI GitHub 页面 https github com angular angular cli wiki stories include boot
  • 上传图片并上传后查看

    我正在尝试在 Angular 5 2 和 Laravel 5 5 中上传个人资料图片 我可以成功地将图像上传到本地存储中的单独文件夹 然后我想像在 Facebook 中一样显示上传的图像 然后我可以查看上传的图像 但它没有上传到文件夹 这是
  • Angular 5将单击事件的数据从父组件传递到在父组件上单击按钮的子组件

    我在表中有一些数据绑定 单击任何特定的我想将当前单击的对象显示更多相关数据到另一个组件 子组件 例如我从此链接获取的数据 http jsonplaceholder typicode com users http jsonplaceholde
  • Angular5 valuechanges() 函数发生了什么? (角火2)

    我尝试理解 valueChanges 和 subscribe 我用AngularFire2 and Angular5 我的代码可以工作 但我不明白它是如何工作的 我的组件 ngOnInit this itemService getLastU
  • C#中如何检查组合框中的项目是否被选中?

    我有一个组合框 必须在其中显示数据库中的日期 用户必须从组合框中选择一个日期才能进一步进行 但我不知道如何让用户意识到首先从组合框中选择该项目才能进一步进行 如果用户没有从组合中选择日期 应该遵循什么流程才能收到消息 if string I
  • Angular-i18n 代码翻译的解决方法?

    我们必须等到 Angular 6 的 Angular i18n 才能支持错误消息等代码的翻译 对于那些使用 angular i18n 例如 而不是 ngx translate 的人来说 您同时在做什么来处理代码中的翻译 我突然想到 如果字符
  • 数据绑定到 WPF 树视图中的 SelectedItem

    如何检索在 WPF 树视图中选择的项目 我想在 XAML 中执行此操作 因为我想绑定它 You might think that it is SelectedItem but apparently that does not exist i
  • Angular 5 设置 HTML Select 元素的选定值

    这是我想做的
  • MatSort 未定义 - Angular 5

    我正在尝试在我的角度应用程序中实现材质表 分页和过滤器工作正常 但我无法对表格进行排序 我对 MatSort 的引用是未定义的 我确实将其导入到 AppModule 中 import MatTableModule from angular

随机推荐

  • 使用 lambda 函数对 filter() 进行复杂性分析

    给定两个列表 list1 and list2 list3 filter lambda x x in list1 list2 这将返回两个列表的交集 我怎样才能找到这个算法的复杂度 我发现时间复杂度x in list1 is O n 其中 n
  • 理解/mySQL 又名欺骗 Django 中的外键关系

    所以我继承了一些django mySQL 表非常简单 其中父级不是 FK 关系 只是 父级 id CREATE TABLE Child id int 10 unsigned NOT NULL AUTO INCREMENT parent in
  • ASP.NET 中带有和不带有委托的事件

    在一些 ASP NET 示例中 我看到事件与委托一起使用像这样有时没有他们像这样 请解释 所有事件都是委托类型 它们都继承自EventHandler继承自MulticastDelegate其间断自Delegate 有时 或者我宁愿说大多数时
  • 检查 URL 是否转到包含文本“404”的页面

    我有一个 bash 脚本来检查 URL 列表的 HTTP 状态代码 但我意识到有些虽然看起来是 200 但实际上显示包含 错误 404 的页面 我该如何检查呢 这是我当前的脚本 bin bash while read LINE do cur
  • Javascript-firefox:如何从本地 png 文件设置自定义光标?

    如何从本地图像文件为当前页面设置自定义光标 基本上我需要使用 javascript 以编程方式更改为不同的光标 但光标本地存储在我的硬盘驱动器上 你不能 但见下文 因为file 不能从其他协议访问或引用 通过 JavaScript 包含光标
  • 使用 预加载 JSON 文件

    我正在使用 Angular 5 应用程序 并且正在加载相当大的 JSON 文件 问题是加载main需要很长时间 js捆绑 初始化它 引导 Angular 应用程序 稍后获取该 JSON 文件 如果我可以在 Angular 应用程序准备就绪时
  • 如何通过php脚本发送邮件?

    我如何通过php脚本发送邮件 我正在尝试做这样的事情 for k 0 k lt x gt length 1 k for l 0 l lt j 1 l if y gt item k gt nodeValue JobNoArr l Accept
  • c++中的std::string有编码格式吗

    我想找到关于std string的默认编码格式 我想找出编码格式 但我不知道 c 中的std string有编码格式吗 简单的答案 std string定义为std basic string
  • 在 ActionBarActivity 中设置底部的 ActionBar Tab

    你好 我是 Android 菜鸟 我在用appcompat支持库添加选项卡ActionBarActivity 我已经编写了要添加的代码 但选项卡显示在顶部 请在屏幕截图中看到它 我想设置这些Tabs这将出现在底部 知道为什么会这样吗 pri
  • 递归匿名函数 Matlab

    我知道这不是匿名函数的用途 但就像一个谜题一样 我尝试通过匿名函数创建递归函数 递归函数的原型显然就是阶乘函数 问题是很难区分大小写within匿名函数 到目前为止我所做的事情如下 f cn n f eval if n gt 1 f cn
  • VSCode |新窗口选择语言

    我错误地按下了 不要再显示这个 我怎样才能让 vscode 再次显示该选项 有一个设置可以启用 禁用该消息 Workbench gt Editor gt Untitled Hint 通过选择 不再显示 您禁用了该设置 将其设置为hidden
  • C++ 可变参数宏:如何检索参数值

    类中有很多实现类似的方法 只是方法的名称和参数列表不同 void function1 int a bool b mMember gt function1 a b void function2 double a string b mMembe
  • 从谷歌地图获取路线和地图上每2公里的点

    我知道 GPS 坐标我的起点和终点 现在我想知道这次旅行的行车路线 然后获取这条路线上每2公里的GPS坐标 我怎样才能用 php javascript 做到这一点 Thanks 添加的代码
  • html 输出中的特殊字符

    我希望直接打印像 这样的字符 但在源代码中 显示为 248 如果输出通过Html Encode 它不会呈现正确的字符 但是 248 在我的配置中
  • 从 Windows 注册表启动时启动应用程序时,返回 ClickOnce 版本不起作用

    我正在使用以下代码System Deployment返回我的 NET 3 5 C 应用程序的 ClickOnce 版本 public string version get System Reflection Assembly assembl
  • 如何用SQL导出全文文件?

    有将全文字段导入 导出为文件的简单方法 解决 加载为多行 的问题 尝试使用 SQLCOPY我只能将完整文件转换为完整表格 而不能转换为单个文本字段 因为 COPY 中的每一行都是原始的 解决了保存回问题 将完整的 XML 文件保存在文件系统
  • python:哪个文件更新以及更新了多少时间

    我正在尝试创建一个文件日期比较例程 我怀疑以下是一种相当笨拙的方法 我在查找有关 timedelta 的属性或方法或它们的名称的信息时遇到了一些困难 因此 我仅以天 分钟和秒来测量下面的日期时间差异 并且没有代表年份的列表项 任何替代方案的
  • 更改 Mac OS X 上的 docker 存储驱动程序

    我在 Mac OS X 上安装了 docker 工具箱 我需要将 docker 存储驱动程序从aufs to 设备映射器 因为aufs造成问题 我找到了docker官方文档并按照解释的方式尝试了here but DOCKER OPTS st
  • 我的 jQuery 无法与 IE11 配合使用

    所以我得到了三段代码来将东西加载到 div 中并做其他事情 但它不适用于 Internet Explorer 我检查了 IE11 控制台 这就是我得到的 SCRIPT5009 is undefined 这很奇怪 在其他所有浏览器中它都工作正
  • 以编程方式设置角度 5 ng-select 中的选定值

    我正在使用 angular5 ng select 组件 https github com ng select ng select并尝试设置选定值 以编程方式 当容器组件首次加载时 模型中设置的默认选择值 我没有找到它或的任何相关属性已选择对