javascript - AngularJS ui-bootstrap打开模态窗口而不更改url

Question

我在 AngularJS 项目中使用 ui-bootstrap 模块。在我打开模式之前，url 看起来像这样:localhost:58890/#/Project/46。打开它的代码在这里:

$modal.open(modalServices.newItemModal).result.then(function (name) {
                    var folder = new Item({
                        id: null,
                        projectId: ProjectService.project.ID,
                        name: name,
                        type: ItemType["Folder"],
                        contents : null
                    });

modalServices.newItemModal 设置在这里:

var newItemModal = {
    templateUrl: '/template/modal/newItem',
    controller: 'NewItemController',
    backdrop: 'static',
    size : 'sm'
};

在代码行 $modal.open 之后，url 更改为:localhost:58890/是否有可能阻止这种情况，并使模态在不更改 url 的情况下像 jQuery 模态一样运行？

Answer 1

如果您从 anchor 标记调用模态打开函数，请不要!

在您的 View 和点击事件中定义一个按钮，像这样触发打开模式功能:

    <button ng-click="openmodal()">OPEN MODAL</button>

    app.controller('YourCtrl',function($scope,$modal){

    $scope.openmodal=function(){
        $modal.open(modalServices.newItemModal).result.then(function (name) {
                var folder = new Item({
                    id: null,
                    projectId: ProjectService.project.ID,
                    name: name,
                    type: ItemType["Folder"],
                    contents : null
                });

        }
       });