Flot legendFormatter не работает с помощью ng-click

Question

Я пытаюсь создавать кликабельные легенды.Я использую flot chart и legendFormatter для манипулирования легендами.Вот мой код в js-файле:

$scope.labelFormatter = function (label, series) {
    return "<div class='col-md-12' style='font-size:12px;'><span>" + label + "</span><span ng-click=\"removeFromFunnel(" + (series.data[0][0] - 1) + ")\" class=\"criteriaClose\">✖</span></div>";
};

pageData.barChartOptions.legend = {show: true, labelFormatter: $scope.labelFormatter, noColumns: index};

$scope.removeFromFunnel = function (index) {
       if (index > -1) {
           pageData.funnel.splice(index, 1);
       }
};

Таким образом, программа, похоже, не распознает щелчок мышью.Я также пытался использовать onClick, но я думаю, что таким образом функция должна выходить за рамки.

Почему не работает ng-click?Что я должен использовать вместо этого?

Спасибо за вашу помощь.

Answer 1

<div style="display:none"><input type="button" value="" id="rid" ng-click="removeFromFunnel()" /></div>
<div style="display:none"><input type="hiden" value="" id="hid"/></div>


The beloow is the js code
function remove(value)
{
 document.getElementById("hid").value = value;
 var btn = document.getElementById("rid");
 btn.click();
}


you can collect the value in the angular function removeFromFunnel()

$scope.removeFromFunnel()
{
var value = angular.element(document.querySelector('#hid'));
//do your work with the value 
}