Javascript 聚合数据绑定具有名称中带空格的属性的对象

我试图在对象中显示一个值，但我不知道正确的语法

给定对象类型的属性，如

{“name”：“bob”，“pets name”：“fido”}

如何显示宠物名称fido

我试过了

[[myObject[“宠物名”]]]

和

[[myObject]][“宠物名]

和

[[myObject.pets name]

---

和

[[myObject.“pets name”]

我做了一个变通方法，只使用计算绑定，但问题是有时对象是空的，我只想在它有数据时显示一些东西

<div>[[_getPetName(myObj)]]</div>

---

\u getPetName:function（myObj）{if（myObj['pet name']！==未定义）返回myObj['pet name']；else返回“”}

谢谢Varad-是的，我最后就是这么做的。有没有更好的方法来处理这个问题？原因是我想隐藏显示此信息的纸卡，直到对象填满为止。有一个输入框要求输入“Name”-如果我给它“bob”我想要“fido”“来吧。有时卡片会出现，但是_getPetName函数会在对象满之前触发，所以我得到一张空卡片。我现在的解决方案是，不使用[[[u getPetName（myObj）]]，我只是让div为空并给它一个ID，比如，我创建了一个名为wasFound的布尔值，然后_getPetName函数是if（this.wasFound）{this.$.petnametext.textContent=myObj['pet name']}我感觉脏了，这是个糟糕的代码。检查[条件模板]（）

...
properties:{
myObj:{ type: Object, value: {"name":"bob", "pet name":"fido"} }
},
_getPetName: function(myObj){
return myObj['pet name'];
}