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

相关内容

热门资讯

黑科技最新(wpk最新黑科技)... 黑科技最新(wpk最新黑科技)微扑克辅助软件(wpK)原来真的有挂(有挂教学)-哔哩哔哩；1.微扑克...
黑科技ai挂(wpk ai辅助... 黑科技ai挂(wpk ai辅助)wpk辅助器安装(wPk)一直是有挂(有挂工具)-哔哩哔哩1）wpk...
黑科技科技(wpk ai辅助)... 黑科技科技(wpk ai辅助)Wpk有挂吗(wpK)一直是真的有挂(有挂攻略)-哔哩哔哩1、许多玩家...
黑科技有挂(wpk ai辅助)... 黑科技有挂(wpk ai辅助)wpk有辅助挂吗(WPk)原来存在有挂(有挂分析)-哔哩哔哩1）wpk...
黑科技游戏(wpk ai辅助)... 黑科技游戏(wpk ai辅助)wpk透视挂会被封号吗(wPk)总是是有挂(发现有挂)-哔哩哔哩1、黑...
黑科技计算(wpk ai辅助)... 黑科技计算(wpk ai辅助)wpk德州ai辅助神器(WpK)都是是有挂(真是有挂)-哔哩哔哩1、在...
黑科技ai(wpk ai辅助)... 黑科技ai(wpk ai辅助)wpk有ai吗(WPK)确实真的是有挂(有挂存在)-哔哩哔哩1、wpk...
黑科技ai(wpk最新黑科技)... 黑科技ai(wpk最新黑科技)wpk德州(wpK)竟然存在有挂(果真有挂)-哔哩哔哩1、完成wpk最...
黑科技好友(wpk最新黑科技)... 黑科技好友(wpk最新黑科技)wpk透明挂(Wpk)切实真的有挂(讲解有挂)-哔哩哔哩；1、下载好w...
黑科技模拟器(wpk最新黑科技... 黑科技模拟器(wpk最新黑科技)德州wepower透视辅助(wPK)原来存在有挂(证实有挂)-哔哩哔...