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免费脚... 脚本详细！wepoker免费脚本咨询，we poker插件（透视）其实有器（哔哩哔哩）小薇（辅助器软...
透视脚本！hh poker软件... 透视脚本！hh poker软件，淘宝的微乐辅助是真的吗，详细脚本（有挂秘籍）-哔哩哔哩1、下载好hh...
透视解密！wepoker免费透... 透视解密！wepoker免费透视脚本，wepoker辅助是真的假的（透视）真是存在有脚本（哔哩哔哩）...
出乎意料的是！wepoker可... 出乎意料的是！wepoker可以透视码，微乐如何自己建脚本，解迷透视（有挂解惑）-哔哩哔哩1、这是跨...
透视专业！wpk透视是真的假的... 透视专业！wpk透视是真的假的，wpk辅助软件（透视）一贯有插件（哔哩哔哩）能透视中分为三种模型：模...
透视好友！wejoker辅助软... 透视好友！wejoker辅助软件价格，手机微乐小程序自建房透视免费，解谜透视（有挂存在）-哔哩哔哩1...
透视透视！德普之星辅助器怎么用... 透视透视！德普之星辅助器怎么用，德普软件（透视）都是真的有教程（哔哩哔哩）辅助器是一种具有地方特色的...
透视好友！wepoker好友局... 透视好友！wepoker好友局透视，微信卡五星小程序辅助，详细透视（新版有挂）-哔哩哔哩1、每一步都...
脚本教你！德普之星透视，德普之... 脚本教你！德普之星透视，德普之星有透视辅助吗（透视）其实是有app（哔哩哔哩）；1、全新机制【ai辅...