Angular显示[ObjectObject]而不是值
创始人
2024-10-30 09:30:04
0次

当在Angular中使用{{}}插值绑定时，如果绑定的值是JavaScript对象，并且没有定义toString()方法，则Angular默认会将其转换为[Object Object]字符串。为了解决这个问题，可以在对象的原型上定义toString()方法，以返回对象的所需字符串表示形式。例如：

在组件中定义对象：

foo = {
  name: 'John',
  age: 30
};

要在Angular模板中显示此对象的字符串表示形式，请将toString()方法定义为：

Object.prototype.toString = function() {
  var str = '';
  for (var prop in this) {
    if (this.hasOwnProperty(prop)) {
      str += prop + ': ' + this[prop] + ', ';
    }
  }
  return '{' + str.slice(0, -2) + '}';
};

这将返回这样的字符串：{name: John, age: 30}。现在，使用{{foo}}插值绑定时，Angular将显示正确的值。

上一篇：angular显示[ObjectObject]

下一篇：Angular显示“无法读取 null 的属性 'friends'”

相关内容

热门资讯

透视开挂！wepokerplu... 透视开挂！wepokerplus透视脚本免费（透视）德普辅助软件，教程手册（真实有挂）-哔哩哔哩1、...
透视解谜！德普之星辅助器app... 透视解谜！德普之星辅助器app（透视）拱趴大菠萝开挂方法，教程技法（证实有挂）-哔哩哔哩1）拱趴大菠...
透视解迷！pokerrrr2辅... 透视解迷！pokerrrr2辅助（透视）哈糖大菠萝攻略，教程方案（有挂秘诀）-哔哩哔哩1、哈糖大菠萝...
透视解谜！WePoKer辅助器... 透视解谜！WePoKer辅助器（透视）wepoker私人局俱乐部辅助，教程积累（有挂规律）-哔哩哔哩...
透视开挂！sohoo竞技联盟辅... 透视开挂！sohoo竞技联盟辅助器（透视）德州局透视脚本免费版下载手机版，教程妙计（有挂神器）-哔哩...
透视揭幕！aapoker能控制... 透视揭幕！aapoker能控制牌吗（透视）epoker底牌透视，教程资料（确实有挂）-哔哩哔哩1、玩...
透视分享！wepoker有辅助... 您好，wepoker有辅助器吗这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054...
透视推荐！wepoker软件辅... 透视推荐！wepoker软件辅助程序（透视）wepoker软件辅助程序，教程烘培（有挂解密）-哔哩哔...
透视科普！hhpoker是正规... 透视科普！hhpoker是正规的吗（透视）hhpoker辅助器视频，教程窍要（详细教程）-哔哩哔哩1...
透视解密！xpoker辅助助手... 透视解密！xpoker辅助助手（透视）hhpoker德州挂真的有吗，教程手筋（真的有挂）-哔哩哔哩；...