Question

我正在尝试创建一个在一个页面上的两个表之间切换的切换。我将index.html中的两个表定义在<body ng-app="main">标记中

<script type="text/ng-template" id="table1.html">
    some code
 </script>

和

<script type="text/ng-template" id="table2.html">
   some code
</script>

我的$routeProvider然后在我的.js中定义为

app.config(['$routeProvider', function ($routeProvider){
   $routeProvider.when('/?table=table1', {
      controller:'PostsCtrl',
      templateUrl: 'table1.html'
   })
   $routeProvider.when('/?table=table2', {
      controller: 'PostsCtrl',
      templateUrl: 'table2.html' 
   })

    $routeProvider.otherwise({redirectTo: '/?table=table1'});
}]);

app.config(['$locationProvider', function($locationProvider){
    $locationProvider.html5Mode(true).hashPrefix('!');
}]);

ngRoute已添加为依赖项，已定义控制器，并且搜索参数已通过围绕btn-group中每个按钮的href添加到URL。我应该能够点击任一按钮，它将切换到表格，但现在当我点击按钮时发生的所有事情都是页面刷新和搜索参数相应更新。任何人都知道为什么$routeProvider似乎没有路由到我的.html？

Answer 1

通过在与<div ng-view></div>标记相关的关闭标记之前加ng-app来解决此问题。

$ routeProvider没有传递搜索参数路由

1 个答案: