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

相关内容

热门资讯

透视揭露"wepok... 透视揭露"wepoker可以开透视吗"一直存在有辅助神器(哔哩哔哩)1、该软件可以轻松地帮助玩家将w...
透视曝光"wepok... 透视曝光"wepoker游戏的安装教程"切实是真的辅助教程(哔哩哔哩)亲，关键说明，wepoker游...
透视科普"wepok... 透视科普"wepoker作必弊辅助"其实是有辅助教程(哔哩哔哩)1、任何wepoker作必弊辅助透视...
透视有挂"wejok... 透视有挂"wejoker黑侠辅助器"果然真的是有辅助攻略(哔哩哔哩)1、让任何用户在无需wejoke...
透视必备"pokem... 您好，pokemmo修改器手机版这款游戏可以开挂的，确实是有挂的，需要了解加去威信【48527505...
透视专业"wepok... 透视专业"wepoker正确养号方法"果然真的有辅助神器(哔哩哔哩)亲，关键说明，wepoker正确...
透视辅助"wpk软件... 透视辅助"wpk软件是正规的吗"一贯是真的辅助软件(哔哩哔哩)1、wpk软件是正规的吗透视辅助软件激...
透视辅助"德州私人局... 透视辅助"德州私人局脚本"都是真的是有辅助神器(哔哩哔哩)1、该软件可以轻松地帮助玩家将德州私人局脚...
透视教你"xpoke... 透视教你"xpoker辅助控制"一贯是真的辅助挂(哔哩哔哩)1.xpoker辅助控制 选牌创建新账号...
透视总结"we po... 透视总结"we poker辅助器v3.3"一直真的是有辅助脚本(哔哩哔哩)1、we poker辅助器...