'click' не работает служба раскрывающегося списка AngularStrap $

Question

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

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)
 };