angular获取网络上的json

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/angular.js"></script>
        <script>
            var app = angular.module("myApp", []);
            app.controller("myCtrl", function($scope, $http) {
                $http.get("http://result.eolinker.com/TucCTQueffdc1d1aaa3be05d8c62e9bb5d3e8b495f97cca?uri=hybrid")
                    .success(function(a) {
                        $scope.user = a;
                    });

                //计算员工年龄
                $scope.getAge = function(birth) {
                    //获取员工的出生年份
                    var year = new Date(birth).getYear();

                    //获取当前年份
                    var nowYear = new Date().getYear();

                    return nowYear - year;
                };
            })
        </script>
    </head>

    <body ng-app="myApp" ng-controller="myCtrl">
        <center>
            <table border="1px" cellpadding="10" cellspacing="0">
                <thead align="center">
                    <tr>
                        <th><input type="checkbox" /></th>
                        <th>员工姓名</th>
                        <th>员工年龄</th>
                        <th>员工性别</th>
                        <th>员工薪资</th>
                        <th>出生日期</th>
                        <th>部门名称</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody align="center">
                    <tr ng-repeat="u in user">
                        <td><input type="checkbox" /></td>
                        <td>{{u.name}}</td>
                        <td>{{getAge(u.birthday)}}</td>
                        <td>{{u.gender}}</td>
                        <td>{{u.salary | currency:"¥"}}</td>
                        <td>{{u.birthday | date:"yy-MM-dd hh:mm:ss"}}</td>
                        <td>{{u.department.name}}</td>
                        <td><button>删除</button></td>
                    </tr>
                </tbody>
            </table>
        </center>
    </body>

</html>

猜你喜欢

转载自blog.csdn.net/gaoyiranblog/article/details/79105107