Question

我在使用AngularStrap $dropdown服务时遇到问题。正如以下plunk所示，我能够正确地响应事件，但我不明白如何使用程序化手段（即从指令）填充它。

以下是初始化代码段：

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

我试图模仿popover（在plunk作为参考）中填充的方式，但未成功。我还尝试将content属性设置为值$scope.dropdown（请参阅here），但没有令人满意的结果。

第一次调用dropdown.hide()时也会出现一个互补（但不是阻塞）的问题，这个问题无法解决TypeError: Cannot read property 'off' of undefined，而第一个popover.hide()会无声地运行。它可能是一个AngularStrap错误，但也是一个误用。

先谢谢你的帮助！

Answer 1

这是一个显示上下文菜单的工作插件

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

然而，我仍然想要点击＆＃39;工作

使用$ dropdown服务（AngularStrap）

1 个答案: