如何从控制器打开引导程序弹出窗口

时间:2013-11-21 17:36:04

标签: angular-ui-bootstrap

我被困在哪里从这里开始。当事情发生时,我想从角度控制器打开弹出窗口。

例如,假设用户选择了30个复选框,我想打开一个带有两个按钮的弹出框,允许用户“操作所有项目”或“取消”,并且还有一个文本区域,用户可以放入评价。

目前,我正在从控制器调用外部javascript函数。这里的问题是popover是在当前$ scope之外定义的。

就像我说的那样,我被困在哪里开始。任何帮助表示赞赏。

当前角度代码:

$scope.showActionCommentPopover = function () {
    var elementId = "#CommentPopoverAnchor";
    var popoverTitle = "Action Comment";
    var popoverContent = "Enter comment: <br/><textarea cols='50' rows='10' id='processComment' ng-model='actionComment'></textarea>";
    var width = "600px";
    var placement = "right";

    ShowPopover(elementId, popoverTitle, popoverContent, width, placement);
};

外部js功能:

function ShowPopover(elementId, popoverTitle, popoverContent, width, placement) {
    $(elementId).popover({
        placement: placement,
        title: popoverTitle + '<a class="close" data-toggle="popover" onClick="$(\'' + elementId + '\').popover(\'destroy\');">×</a>',
        content: popoverContent,
        html: true
    });
    $(elementId).popover('show');
    $(".popover").css("width", width);
    $(elementId).popover('show');
}

0 个答案:

没有答案