Angular的KeyValuePipe丢失了其类型
创始人
2024-10-24 06:31:38
0次

可以通过创建一个自定义版本的KeyValuePipe来解决这个问题，该版本将保留键和值的类型。

代码示例：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'myKeyValue'})
export class MyKeyValuePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    let result = [];
    for (let key in value){
      if (value.hasOwnProperty(key)){
        result.push({key: key, value: value[key]});
      }
    }
    return result;
  }
}

可以在模板中使用它：


  {{ item.key }}: {{ item.value }}

上一篇：Angular的keyvalue管道无法正确推断类型。

下一篇：Angular的控件值访问器没有绑定值？

相关内容

热门资讯

第六分钟实锤！智星德州菠萝（德... 第六分钟实锤！智星德州菠萝（德州nzt）都是有挂（详细辅助攻略方法）1、让任何用户在无需智星德州菠萝...
第1分钟实锤！德扑数据软件（线... 第1分钟实锤！德扑数据软件（线上德州）都是真的是有挂（详细辅助教你教程）；德扑数据软件软件透明挂微扑...
第四分钟实锤！德州ai辅助有用... 第四分钟实锤！德州ai辅助有用（德州wpk）切实是真的有挂（详细辅助详细教程）；1、操作简单，无需注...
5分钟实锤！智星德州菠萝外挂（... 5分钟实锤！智星德州菠萝外挂（智星德州）总是真的是有挂（详细辅助可靠技巧）1、智星德州菠萝外挂系统规...
3分钟实锤！德州之星辅助挂（w... 3分钟实锤！德州之星辅助挂（wepower德州）竟然真的有挂（详细辅助专业教程）1、玩家可以在德州之...
九分钟实锤！德州之星外挂（we... 九分钟实锤！德州之星外挂（wepower德州）真是真的是有挂（详细辅助透明挂教程）；1、不需要AI权...
三分钟实锤！德州ai辅助软件（... 三分钟实锤！德州ai辅助软件（德州之星）果然是有挂（详细辅助普及教程）德州ai辅助软件是一种具有地方...
3分钟实锤！德扑ai智能（德州... 3分钟实锤！德扑ai智能（德州nzt）真是真的是有挂（详细辅助AI教程）1、金币登录送、破产送、升级...
第6分钟实锤！德州ai辅助（线... 第6分钟实锤！德州ai辅助（线上德州）总是有挂（详细辅助分享教程）1、下载好德州ai辅助辅助软件之后...
7分钟实锤！德州免费辅助神器a... 7分钟实锤！德州免费辅助神器app（来玩德州）确实真的有挂（详细辅助曝光教程）；一、德州免费辅助神器...