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

相关内容

热门资讯

重大通报!Wepoke德州版本... 重大通报!Wepoke德州版本(wePokE)外挂透明挂辅助软件(透视)安装教程(讲解有挂)-哔哩哔...
透视代打(微扑克ai代打)外挂... 透视代打(微扑克ai代打)外挂透明挂辅助器安装(辅助挂)软件透明挂(2021已更新)(哔哩哔哩)；科...
透明新版(云扑克辅助挂)外挂透... 云扑克辅助挂赢率提升策略‌；透明新版(云扑克辅助挂)外挂透明挂辅助APP(透视)发牌规律(有挂方式)...
透视了解!德州最新(WEPOk... WePoke高级策略深度解析‌；透视了解!德州最新(WEPOke)外挂透明挂辅助APP(辅助挂)教你...
透视好牌(aapOKER)外挂... 透视好牌(aapOKER)外挂透明挂辅助APP(透视)透视辅助(2025已更新)(哔哩哔哩)是一款可...
分享一款(微扑克游戏)外挂透明... 分享一款(微扑克游戏)外挂透明挂辅助器(辅助挂)发牌规律(了解有挂)-哔哩哔哩是一款可以让一直输的玩...
程序员教你!pokerrrr开... WePoker透视辅助版本解析‌，程序员教你!pokerrrr开挂(wepoke)外挂透明挂辅助机制...
透视透明(德州之星ai)外挂透... 1、透视透明(德州之星ai)外挂透明挂辅助工具(辅助挂)透视辅助(2021已更新)(哔哩哔哩)；该软...
热点推荐(Wepoke代打)外... 热点推荐(Wepoke代打)外挂透明挂辅助软件(透视)透视辅助(有挂分享)-哔哩哔哩；值得一提的是，...
必知教程!微扑克总结(Wepo... 必知教程!微扑克总结(Wepoke)外挂透明挂辅助app(辅助挂)可靠技巧(真实有挂)-哔哩哔哩；微...