音乐分类

来源:互联网 发布:apache impala 安装 编辑:程序博客网 时间:2024/05/03 16:17
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            tr td{
                border-bottom: 1px solid;
                margin: 1px;
            }
        </style>
    </head>
    <body>
        <table border="" cellspacing="" cellpadding="">
            <tr>
                <td>
                    <input type="checkbox" />
                </td>
                <td>
                    全选
                </td>
                <td colspan="2">
                    <input type="button" value="播放选中的音乐"/>
                </td>
                <td>
                    播放
                </td>
                <td>
                    歌词
                </td>
                <td>
                    下载
                </td>
            </tr>
            <tr ng-repeat="s in sings">
                <td>
                    <input type="checkbox" />
                </td>
                <td>
                    {{$index+1}}
                </td>
                <td>
                    {{s.sname}}
                </td>
                <td>
                    {{s.author}}
                </td>
                <td>
                    <a href="play_music.html">播放</a>
                </td>
                <td>
                    歌词
                </td>
                <td>
                    下载
                </td>
            </tr>
        </table>
    </body>
</html>

--------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/angular.min.js"></script>
        <script src="js/angular-route.js"></script>
        <script>
            angular.module("jun",["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("an unexpected error ocurred!")
                })
            })
        </script>
    </head>
    <body ng-app="jun">
        <nav>
            类别:
            <a href="#/经典老歌">经典老歌</a>
            <a href="#/好听">好听</a>
        </nav>
        <div ng-view></div>
    </body>
</html>


原创粉丝点击