<!DOCTYPE html> <html ng-app="myApp"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> <script type="text/javascript"> var myApp = angular.module('myApp', []); myApp.controller('myController', function($scope, $http){ $scope.array = ["車牌號碼", "起始站", "起始站:終點站"]; $http.get('http://data.kaohsiung.gov.tw/Opendata/DownLoad.aspx?Type=2&CaseNo1=AP&CaseNo2=9&FileType=1&Lang=C&FolderType=O', {header : {'Content-Type' : 'application/json; charset=utf8'}}) .success(function(data, status, headers, config) { $scope.posts = data; }) .error(function(data, status, headers, config) { }); }); </script> <meta charset="utf8"/> <title>Filter</title> </head> <body ng-controller="myController"> <table> <tr > <td ng-repeat="a in array">{{a}}</td> </tr> <tr ng-repeat="p in posts"> <td>{{p.ID}}</td> <td>{{p.departureZh}}</td> <td>{{p.ddesc}}</td> </tr> </table> </body> </html>
執行結果: