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

相关内容

热门资讯

黑科技代打！（wEpoke）软... 黑科技代打！（wEpoke）软件透明挂，（wePOke）好像是有挂，爆料教程（有挂攻略）是一款可以让...
黑科技讲解(wpk俱乐部)外挂... 黑科技讲解(wpk俱乐部)外挂透视辅助挂(透视)细节方法(都是是有挂)1、wpk俱乐部透视辅助简单，...
黑科技游戏！（wpK）透视辅助... 黑科技游戏！（wpK）透视辅助app，（Wpk）原先存在有挂，德州教程（有挂辅助）；德州软件透明挂作...
黑科技最新(微扑克机器人)外挂... 黑科技最新(微扑克机器人)外挂透视辅助安装(透视)细节揭秘(本来真的有挂)；1、微扑克机器人透视辅助...
黑科技透明挂！（WePoKer... 黑科技透明挂！（WePoKer）软件透明挂，（wePOke）本来真的是有挂，软件教程（有挂透明）1、...
黑科技攻略(wpk俱乐部)外挂... 黑科技攻略(wpk俱乐部)外挂透视辅助教程(透视)透视教程(其实有挂)1、许多玩家不知道wpk俱乐部...
黑科技代打！（德州）外挂辅助工... 1、黑科技代打！（德州）外挂辅助工具，（德州）起初是有挂，2025教程（有挂技巧）（UU poker...
黑科技好牌(WepoKe)黑科... 黑科技好牌(WepoKe)黑科技透明挂辅助器(透视)软件教程(原来存在有挂)1、进入到WepoKe黑...
黑科技透明挂挂！（德扑ai）外... 黑科技透明挂挂！（德扑ai）外挂辅助app，（德扑之星）本来有挂，玩家教你（有挂透明）科技教程也叫必...
黑科技数据(微扑克)外挂透视辅... 黑科技数据(微扑克)外挂透视辅助技巧(透视)我来教教你(真是真的有挂)；1、许多玩家不知道微扑克辅助...