Использование <google-chart> с Angular2

Question

Я не могу получить веб-компонент <google-chart>, работающий в Angular2. Если я добавлю это:

<link rel="import" href="bower_components/google-chart/google-chart.html"> 
<google-chart>details omitted</google-chart> 

к Quickstart index.html диаграмма не может нарисовать. Если я прокомментирую все связанные с Angular2 вещи, то диаграмма рисует.

Я получаю бесполезную ошибку, что в зонах «Невозможно напечатать TypeError: Can not read value» неопределенного значения.

Я играл с этим, используя приложение ToDo на основе глобула, найденное в Reddit, и обнаружил, что если я прокомментирую zone.js, то элементы ToDo и диаграмму рисуют, но форма и список ToDo не могут связываться. Возвращаясь к zone.js, приложение ToDo работает, но диаграмма не рисует. Поэтому, похоже, это связано с тем, как Angular2 использует зоны.

Я делаю это неправильно или это ошибка Angular2?

Answer 1

Я тоже сталкивался с подобной проблемой при использовании полимерного элемента в приложении Angular 2. Я, наконец, исправил его, используя новые механизмы привязки в Angular 2. В настоящее время существует определенное изменение in this commit. Надеюсь это поможет.