javascript - polymer 1.x : Defining "google" import

Question

In this jsBin ，我想以声明方式为 selected 属性预加载值为 ['Colorado', 'South Dakota'] 的元素。

When I open this jsBin ，我期望看到以下内容:

1. ✅ 页面已成功加载。
2. ✅ 美国轮廓图
3. ✅ 左上角打印出selected变量，内容为科罗拉多州，南达科他州。
4. ❌ 科罗拉多州和南达科他州已预先选定，颜色为蓝色。
5. ❌控制台中没有错误。

相反，我实际上看到以下内容:

1. ✅ 页面已成功加载。
2. ✅ 美国轮廓图
3. ✅ 左上角打印出selected变量，内容为科罗拉多州，南达科他州。
4. ❌ 科罗拉多州和南达科他州未预先选择或颜色为蓝色。
5. ❌以下控制台错误:

控制台错误

google is not defined

问题

如何在关键位置定义 google 的值？

我已经隔离了问题down to the following lines of code .

http://jsbin.com/zomejajibe/1/edit?html,控制台,输出

_drawChart: function() {
  console.log('A'); // Successfully logs to console
  // The key is to get "google" defined at the following line
  var dataTable = this.$.geochart._createDataTable(this.items); // "google" is not defined???
  console.log('dataTable: '); // Does not successfully log because crashes above
  console.log(dataTable);
  this.$.geochart._chartObject.draw(dataTable, this.$.geochart.options);
},

Answer 1

因此，您会遇到选择在元素准备好之前更改触发器的问题。

我在函数 _selectedChanged 上添加了 10 毫秒的超时，以便它推到事件循环的末尾。您可以将其更改为 0 毫秒..

看http://jsbin.com/quzuyuwaha/1/edit?html,console,output