Добавить диаграмму столбца ng-click в highcharts-ng xAxis метки

Question

Я использую highcharts-ng в угловом приложении, мне нужно запустить функцию при щелчке ярлыков xAxis ниже категорий и меток, которые я добавляю к диаграмме ,

В настоящее время я могу добавить onclick на ярлык и предупредить, но я не могу заставить это работать с угловым.

return "<a onclick='alert(1)'>" + this.value + "</a>"; 

http://pablojim.github.io/highcharts-ng/

Рабочий пример текущего кода здесь. http://jsfiddle.net/3gLr4vcu/

Answer 1

Угловые директивы не обрабатываются до тех пор, пока не вызывается $ compile, что обычно делается при использовании шаблонов угловых вставок, например, для директив и ng-include. Если вы модифицируете DOM самостоятельно, Angular не знает, что делать с HTML, если вы не назовете $ compile самостоятельно. После того, как DOM модифицируется Highcharts-нг, вам нужно будет позвонить $ компилировать так:

$compile(element)(scope) 

В идеале вы хотите элемент быть элемент, который не был $ скомпилированы уже (я не уверен, что если это не так) и область - это первая область, встречающаяся при обходе дерева DOM вверх. Если иерархия области не нужна, вы можете просто прикрепить элемент к $ rootScope.

Вам нужно будет ввести компиляцию $ (как и $ rootScope, если вы используете ее, как описано). Для получения дополнительной информации см. Раздел $compile documentation, в котором также объясняется нечетный синтаксис выражения $ compile. Если вы разместите свой полный код, я могу рассказать вам, где поставить инструкцию $ compile и как найти подходящую область действия.

EDIT: Вот рабочая JSFiddle: http://jsfiddle.net/tsclaus/bpg4556c/