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的控件值访问器没有绑定值？

相关内容

热门资讯

玩家必看秘籍!蜀山四川小程序辅... 玩家必看秘籍!蜀山四川小程序辅助开挂(辅助挂)wepoker私人定制透视(从来是有挂)；玩家必看秘籍...
实测教程!三哥玩摆头可以控制(... 您好，三哥玩摆头可以控制这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
玩家必看科普!福建大玩家十三水... 玩家必看科普!福建大玩家十三水辅助(辅助挂)wepoker辅助透视(一向真的有挂);福建大玩家十三水...
重大消息!琼崖海南麻将辅助器(... 您好，琼崖海南麻将辅助器这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
重大消息!欢乐对决辅助软件(辅... 重大消息!欢乐对决辅助软件(辅助挂)werplan辅助软件(其实是真的有挂)；大家肯定在之前欢乐对决...
推荐一款!途游小程序辅助器(辅... 推荐一款!途游小程序辅助器(辅助挂)德普之星的辅助工具介绍(好像存在有挂)是一款可以让一直输的玩家，...
重大发现!广东闲来辅助神器免费... 重大发现!广东闲来辅助神器免费版(辅助挂)wpk辅助购买(好像是有挂);AI辅助机器人普及解说快速成...
玩家亲测!情怀大陆dnf辅助(...
科技新动态!四川途游小程序辅助... 科技新动态!四川途游小程序辅助软件(辅助挂)红龙poker作弊指令(从前真的有挂)是一款可以让一直输...
一分钟教你!桂麻圈辅助(辅助挂... 一分钟教你!桂麻圈辅助(辅助挂)hhpoker透视脚本视频(往昔存在有挂)是一款可以让一直输的玩家，...