将C#列表转换为 可以使用ngFor]在Angular 8 DropDownList中使用的TypeScript对象>

问题描述 投票:0回答:1

我有一个简单的KeyValuePair列表,该列表正在MVC Controller中创建并传递给Angular component.ts。在Angular中,我可以手动创建一个键值对以用于下拉列表,如下所示:

object: { [key: number]: string } = { 2: 'foo', 1: 'bar' };

这是我在component.html中拥有的:

 <option *ngFor="let program of object | keyvalue " value={{program.key}}>{{program.value}}</option>

通过这种方法,我得到的正是我所期望的-下拉列表。如果我使用从MVC控制器收到的KeyValyePair,则下拉列表将显示[object Object]而不是我要查找的值。所以我的问题是,如何将KeyValuePair列表转换为TypeScript使用的{[key:number],string}格式?

这是我第一次尝试在DotNet Core 3.1 MVC App中使用Angular,不幸的是,目前我对TypeScript只是一个基本的了解。

我有一个简单的KeyValuePair列表,该列表正在MVC Controller中创建并传递给Angular component.ts。在Angular中,我可以手动创建一个键值对以在下拉列表中使用:...

angular .net-core drop-down-menu ngfor keyvaluepair
1个回答
1
投票

对象:{[键:数字]:字符串} [];

© www.soinside.com 2019 - 2024. All rights reserved.