将<google-chart>与Angular2一起使用

Question

我无法让网络组件async: true在Angular2中工作。如果我加上这个：

r = {'{}:{}'.format(k1, k2): dict[k1]*temporal_demand_distibution[k2]
     for k1 in dict
     for k2 in temporal_demand_distibution}

print(r)

{'S-NSW-BAC-FBE:-59': 0.040619999999999996, 
'S-NSW-BAC-FBE:-60': 0.035609999999999996, 
'S-NSW-BAC-ENG:-59': 0.020309999999999998, 
'S-NSW-BAC-ENG:-60': 0.017804999999999998}

到快速入门<google-chart>图表无法绘制。如果我注释掉所有与Angular 2相关的东西，那么图表就会绘制。

我得到一个无用的错误

  

＆＃34;未捕获的TypeError：无法读取属性＆＃39;值＆＃39;未定义＆＃34;在   区。

我使用在 Reddit 上找到的基于gulp的ToDo应用程序来解决这个问题，并发现如果我注释掉<link rel="import" href="bower_components/google-chart/google-chart.html"> <google-chart>details omitted</google-chart> 那么ToDo元素和图表绘制，但表单和ToDo列表无法通信。将index.html重新放入，ToDo应用程序可以运行，但图表无法绘制。所以它似乎与Angular 2如何使用区域有关。

我做错了，还是Angular2错误？

Answer 1

在Angular 2应用程序中使用聚合物元素时，我也遇到了类似的问题。我最后通过使用Angular 2中的新绑定机制来修复它。具体的更改存在in this commit。希望这会有所帮助。