$routeProvider不传递搜索参数路由

$routeProvider not passing search parameter route

本文关键字：搜索 参数 路由 routeProvider      更新时间：2023-09-26

我正在尝试创建一个在一页上的两个表之间切换的切换开关。我在索引中定义了两个表.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 组中每个按钮周围的 href 添加到 URL 中。我应该能够单击任一按钮，它将切换到表格，但现在当我单击按钮时发生的所有情况都是页面刷新和搜索参数相应地更新。有谁知道为什么$routeProvider似乎没有路由到我的.html？

通过在与ng-app标签相关的 close 标签之前包含<div ng-view></div>来解决该问题。

相关文章：