Google visualization <；谷歌图表>；内部不工作<；模板为“=”；dom bind"&燃气轮机；

元素在内部（在主文档或其他元素中）时不适用于我（不显示任何内容）。另一方面，当我把它放在主文档的外部时，它就工作了

在这里不起作用：
在这里工作：

这将起作用（在您的jsbin中测试）：

在这里不起作用：
在这里工作：
var t=document.querySelector（“#t”）；
//dom更改事件表示模板何时标记其dom。
t、 addEventListener（'dom-change'，function（））{
//自动绑定模板已准备就绪。
console.log（'ready'）；
var map=document.querySelector（“#map”）；
setAttribute（'type'，'geo'）；
map.setAttribute（'数据'，'[“国家”，“受欢迎程度”]，[“德国”，200]，“美国”，300]，“巴西”，400]，“加拿大”，500]，“法国”，600]，“俄罗斯”，700]）；
});

---

元素依赖于对GoogleAPI的异步调用。如果这些调用在模板标记其DOM之前未解析，则google图表不完整。添加数据字段将模拟模板之外的行为

尝试在方括号之间添加空格：

data='[ ["Country", "Popularity"],["Germany", 200],["France", 600],["RU", 700] ]'

---

只是好奇。为什么这能解决问题？它奇迹般地解决了这个问题，但我不明白为什么属性解析器会出现问题，因为

[…]]

也用于单向绑定。

data='[ ["Country", "Popularity"],["Germany", 200],["France", 600],["RU", 700] ]'