我被困在哪里从这里开始。当事情发生时,我想从角度控制器打开弹出窗口。
例如,假设用户选择了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');
}