时间戳

首页 > 解决方案 > 如何在 Angular 中将对象与键和值绑定？

c# - 如何在 Angular 中将对象与键和值绑定？

问题描述

在 Typescript 中，我data从 ASP.NET Core C#收到Dictionary（它不是，Map但它具有键和值，即我可以运行Object.keys(data)和Object.values(data)）。

在 HTML 中，我有一个绑定到data. 我无法弄清楚绑定键和值数组的语法。

大致：

      <dx-gallery [dataSource]="data">
        <div *dxTemplate="let i of 'item'">
          <dx-chart [dataSource]="i.value">
            <dxi-series [name]="i.key" valueField="value.X"

i是来自整个数据集合的单个键值对（字符串和数组）。在 C# 中我会编写i.Key，i.Value但它在 Typescript 中对我不起作用（组件看不到要显示的数据）。

我需要绑定key和X

数据是 {A: Array, B: Array} 其中 Array 是 MyObj[]

标签： c#angulartypescript

解决方案

您可以尝试使用KeyValuePipeAngular 的本机：这里

它看起来像这样，并允许您使用key和引用条目value：

<dx-gallery [dataSource]="data">
  <div *dxTemplate="let i of item | keyvalue">
     <dx-chart [dataSource]="i.value">
       <dxi-series [name]="i.key" valueField="value.X">

推荐阅读