网页分页

最新推荐文章于 2024-08-16 15:07:38 发布

人道烘炉_L

最新推荐文章于 2024-08-16 15:07:38 发布

阅读量180

点赞数

本文链接：https://blog.csdn.net/My_emotions_L/article/details/78536652

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script src="libs/angular.min.js" ></script>
       <script src="libs/angular-route.js" ></script>
       <script>
           angular.module("myApp",["ngRoute"])
               .config(function($routeProvider){
                   $routeProvider.when("/:type",{
                         templateUrl:"table.html",
                         controller:"demoC"
                   }).otherwise({
                      redirectTo:"/经典老歌"
                   })
               }).controller("demoC",function($scope, $routeParams,$filter,$http){
                   var type=$routeParams.type;
                   $http.get('sings.json').success(function(data){
                       $scope.datas=data;
                       var $f=$filter("filter");
                       $scope.sings=$f(data,{type:type});
                   }).error(function(){
                       alert("一切解释权归***所有");
                   });
               })
       </script>
   </head>
   <body ng-app="myApp" >
       <nav>
           类别：
           <a href="#/经典老歌">经典老歌</a>
           <a href="#/好听">好听</a>
       </nav>
       <div ng-view>

       </div>
   </body>
</html>