Question

我是棱角分明的新人。我使用angular ui.bootstrap创建了一个模态。我有一个带外部链接的锚标记。如果我点击锚标记，则新窗口不会打开。任何preventDefault都应用于modal？

$uibModalInstance = $uibModal.open({
            animation: true,
            template: '<div class="modal-header "><h3 class="modal-title">{{modalTitle}}<a href="javascript:void(0);" class="icon icon-page_close_grey" ng-click="cancel()"></a></h3></div>' +
                '<div class="modal-body">' + data + '</div><div class="modal-footer"></div>',
            size: 'lg',
            backdrop:'static',
            controller: modalcontroller
        });

此处我的数据包含一个标记，其中包含href =＆＃34; http：//www.google.com" ，target =＆＃34; _blank＆＃34;。任何人都可以帮忙吗

Answer 1

尝试这种方式：

'<div class="modal-body" ng-non-bindable>' + data +
    '</div><div class="modal-footer"></div>'

Angular将忽略具有ng-non-bindable属性的元素，因此锚标记将表现为普通的html标记。

ui.bootstrap模式中的锚标签不起作用

1 个答案: