Angular的ngFor“无法将对象转换为原始值”
创始人
2024-10-24 08:01:06
0

在Angular的ngFor循环中,如果一些对象被用作键,则会出现“Cannot convert object to primitive value”(无法将对象转换为原始值)的错误。

这个问题可以通过使用管道来解决。 下面是示例代码:

在组件中,您可以使用Object.keys() 方法来获取对象的key值,然后传递给ngFor循环进行遍历。

@Component({
  selector: 'my-component',
  template: `
    
  • {{key}}: {{obj[key]}}
` }) export class MyComponent { obj = {a: 1, b: 2, c: 3}; } @Pipe({name: 'keys'}) export class KeysPipe implements PipeTransform { transform(value, args:string[]) : any { if (!value) { return value; } return Object.keys(value); } }

在模板中,将值绑定到DOM元素时,使用管道“| keys”。 管道将对象转换为其所有键的数组,并且可以循环遍历每个键。

  • {{key}}: {{obj[key]}}
  • 相关内容

    热门资讯

    透视透视!wpk辅助插件,一向... 透视透视!wpk辅助插件,一向真的是有挂(透视)我来教教你(有挂技巧)1、下载好wpk辅助插件辅助软...
    透视有挂!智星菠萝辅助,德州透... 透视有挂!智星菠萝辅助,德州透视竞技联盟,可靠教程(有挂教程);1.德州透视竞技联盟 ai辅助创建新...
    透视黑科技!wepoker透视... 透视黑科技!wepoker透视脚本视频,切实真的是有挂(透视)AA德州教程(有挂解密)1、该软件可以...
    透视规律!约局吧开挂神器是真的... 透视规律!约局吧开挂神器是真的吗,智星德州插件怎么下载,攻略教程(有挂详情)1、约局吧开挂神器是真的...
    透视游戏!aapoker怎么设... 透视游戏!aapoker怎么设置提高好牌几率,固有是真的有挂(透视)透明教程(有挂教程)1、下载好a...
    透视苹果版!红龙poker辅助... 透视苹果版!红龙poker辅助,哈糖大菠萝挂,扑克教程(有挂脚本)1、哈糖大菠萝挂ai辅助优化,哈糖...
    透视数据!hhpoker软件可... 透视数据!hhpoker软件可以玩吗,本然存在有挂(透视)力荐教程(有挂攻略)亲,关键说明,hhpo...
    透视肯定!sohoo poke... 透视肯定!sohoo poker辅助器,拱趴大菠萝有什么挂,实用技巧(有挂攻略)透视肯定!sohoo...
    透视了解!pokemmo脚本辅... 透视了解!pokemmo脚本辅助器下载,好像存在有挂(透视)必赢方法(有挂详情)1、pokemmo脚...
    透视安卓版!pokemmo手机... 透视安卓版!pokemmo手机脚本辅助器,werplan脚本,wpk教程(有挂教程);1、在poke...