javascript - polymer 数据将对象与名称中带有空格的属性绑定(bind)

Question

我正在尝试显示对象中的值，但我不知道执行此操作的正确语法。

给定一个对象类型的属性，如 {"name": "bob", "pets name": "fido"}

如何显示宠物名称 fido？

我已经尝试过

<div>[[myObject["pets name"]]]</div>

和<div>[[myObject]]["pets name]</div>

和<div>[[myObject.pets name]]</div>

和<div>[[myObject."pets name"]]</div>

Answer 1

我做了一个解决方法，只使用计算绑定(bind)，但问题是有时对象是空的，我只想在它有数据时显示一些内容。

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

和

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