Angular Bootstrap窗口模态开启器路径更改

时间:2015-10-11 16:32:30

标签: angularjs twitter-bootstrap

关注此羽毛球:http://plnkr.co/edit/33572YOSA2s89uEiLmKB?p=preview 我已设法根据路由加载到bootstrap模态部分内容:

路线定义如下:

.when('/profile', {
                                   templateUrl: 'modalContainer',
                               })

控制器连接起来:

myApp.controller('DashboardModal', function($scope, $modal) {
  $modal.open({
    templateUrl : 'Partials/Dashboard.html',
    controller: 'DashboardController',

  });
});

最后在html:

 <div>
      <a href="#/profile">Click here to open modal!</a>
    </div>

    <script type="text/ng-template" id="modalContainer">
        <div ng-controller="DashboardModal"></div>
    </script>

我的问题是,当模态打开时,开启窗口的路径会发生变化。

1 个答案:

答案 0 :(得分:0)

代码完全按照设计工作。 <a href="#/profile">代码正在执行的操作是使用路径&#39; / profile&#39;拨打$routeProvider。查看script.js,您可以看到这是一个新视图,其设置看起来像HTML中的模式。您正在导航到新视图,而不是打开模态。