'click' 无法使用 AngularStrap $dropdown 服务

Question

使用 AngularStrap。从控制器调用 $dropdown 服务确实会显示下拉菜单，但单击项目不会调用相应的代码。

笨拙地演示这一点。

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

'click' 无法使用 AngularStrap $dropdown 服务

'click' not working AngularStrap $dropdown service

angularjs

angular-strap