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'”

相关内容

热门资讯

透明辅助！新九哥辅助开挂，we... 您好：新九哥辅助开挂这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...
透视辅助！渝都麻将开挂方法，德... 透视辅助！渝都麻将开挂方法，德州局hhpoker-原生有挂开挂辅助安装您好：渝都麻将开挂方法这款游戏...
透明教程！益乐绍兴辅助，wep... 透明教程！益乐绍兴辅助，wepoker好友助力码-起初有挂开挂辅助脚本 了解更多开挂安装加（1367...
透视游戏！今日长牌破解，hhp... 透视游戏！今日长牌破解，hhpoker软件可以玩吗-从来有挂开挂辅助软件您好：今日长牌破解这款游戏可...
透视代打！呗兔挂透视挂开挂，拱... 透视代打！呗兔挂透视挂开挂，拱趴大菠萝万能挂-一向有挂开挂辅助软件 了解更多开挂安装加（136704...
透明辅助！创思维正版辅助器下载... 创思维正版辅助器下载是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加...
透视ai！麻辣竞技辅助，hhp... 麻辣竞技辅助是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户可以加我微信（...
透视最新！边锋干橙眼ios辅助... 透视最新！边锋干橙眼ios辅助微信，wepoker怎么提高运气-原先有挂开挂辅助软件您好：边锋干橙眼...
透视辅助！多乐游戏辅助脚本ht... 透视辅助！多乐游戏辅助脚本http，wepoker私人局可以透视-原本有挂开挂辅助平台；无需打开直接...
透明黑科技！佛手在线辅助器安卓... 透明黑科技！佛手在线辅助器安卓，aapoker如何设置胜率-本来有挂开挂辅助神器1、下载安装好佛手在...