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辅助德之星！wep... 1、wepoke辅助德之星！wepoke辅助德之星，wepoke支持安卓，技巧教程（有挂攻略）；该软...
wpk透视辅助测试！wpK一般... wpk透视辅助测试！wpK一般真的有挂，wpK一般真的有挂，2025教程（有挂解密）1、全新机制【w...
微扑克ai辅助工具！微扑克系统... 您好，微扑克这款游戏可以开挂的，确实是有挂的，需要了解加微【757446909】很多玩家在这款游戏中...
德州AI智能辅助机器人！wep... 德州AI智能辅助机器人！wepoke智能ai，aapoker有外挂（详细透视教程）；1.德州AI智能...
WPK透视辅助(wpK)wpk... WPK透视辅助(wpK)wpk怎输赢机制(辅助挂)其实真的有挂(微扑克教程)1、微扑克机器人多个强度...
wepower辅助器！wepo... 《wepower软件透明挂》是一款多人竞技的wepower辅助透视游戏，你将微扑克对手来到同一个战场...
微扑克辅助机器人！微扑克专用辅... 微扑克辅助机器人！微扑克专用辅助程序可以用的啊，微扑克ai技术，存在挂教程（有挂辅助挂）是一款可以让...
德州之星插件！微扑克职业代打，... 此外，数据分析德州(微扑克系统发牌规律)辅助神器app还具备辅助透视行为开挂功能，通过对客户微扑克系...
wpk有外 挂！wpk ai辅... wpk有外 挂！wpk ai辅助有用（Wpk）的确是有挂的-详细辅助挂教程；1、超多福利：超高返利，...
安装教程!wepoke美元局稳... 安装教程!wepoke美元局稳(wepower有外 挂)德州wepower(本来真的有挂)；德州we...