javascript - 在 HTML 标签上动态插入 angularJS contextMenu

Question

我正在使用这个angularJS contextMenu我的应用程序上有一个模块，我需要将其动态插入到一些 HTML 标签中。我正在尝试类似的方法，但它不起作用。

e.client.html("<a context-menu=\"menuOptions\">click here</a>");

我在我的范围内声明了 menuOptions，如下所示:

$scope.menuOptions = [
    {
        text: 'Object-Select',
        click: function ($itemScope, $event, modelValue, text, $li) {
            $scope.selected = $itemScope.item.name;
        }
    },
    {
        text: 'Object-Remove',
        click: function ($itemScope, $event, modelValue, text, $li) {
            $scope.items.splice($itemScope.$index, 1);
        }
    }
];

有人知道怎么做吗？

Answer 1

您需要 Angular 来编译动态上下文菜单，以便它可以处理 context-menu 指令。最好的方法是:

//define the Html to insert in a variable:
var dynContextMenu = "<a context-menu=\"menuOptions\">click here</a>";

//append to content
e.client.html(dynContextMenu);

//then compile it
$compile(dynContextMenu)($scope);

我希望这会有所帮助。