'click' не работает AngularStrap $ dropdown service

Question

Использование AngularStrap. Вызов выпадающего сервиса $ с контроллера показывает всплывающее окно, но щелчок на элементах не вызывает соответствующий код.

Plunk, чтобы продемонстрировать это.

http://plnkr.co/edit/tNAX7liFSNh71XcOUecs

var dropdown = $dropdown(element, { 
      show: false, 
      trigger: "manual", 
      html: true 
     }); 

    dropdown.$scope.content = [ 
     { 
     "text": "<i class=\"fa fa-globe\"></i>&nbsp;Display an alert", 
     "click": "alert(\"Holy guacamole!\")" 
     }, 
     { 
     "divider": true 
     }, 
     { 
     "text": "Separated link", 
     "href": "#separatedLink" 
     } 
    ]; 

     element.on("contextmenu", function(event) { 
      event.preventDefault(); 
      console.log("dropdown right click"); 
      scope.$apply(function() { 
      scope.dropdown_show = true; 
      }); 
     }); 

Answer 1

Внимательный функция, которую вы пытаетесь вызвать должны существовать в области видимости.

попробуйте добавить ниже в свой контроллер, чуть выше, где вы устанавливаете контент.

dropdown.$scope.alert = function(str){ 
    alert(str) 
};