Question

例如，我想查看来自两个网址的数据： 1- http://jsonplaceholder.typicode.com/posts/ 2- http://jsonplaceholder.typicode.com/todos/

我可以在一个视图页面中的两个控制器的一个应用程序中加载这两个网址的数据吗？

Answer 1

使用$http.get发出查询（JSFiddle）：

angular.module('Joy', [])
.controller('CtrlOne', ['$http', '$scope', function ($http, $scope) {
    $http.get('http://jsonplaceholder.typicode.com/posts/').then(function (data) {
        $scope.posts = data.data;
    });
}])
.controller('CtrlTwo', ['$http', '$scope', function ($http, $scope) {
    $http.get('http://jsonplaceholder.typicode.com/todos/').then(function (data) {
        $scope.todos = data.data;
    });
}]);

HTML：

<div ng-app="Joy">
    <div ng-controller="CtrlOne">{{ posts[0] | json }}</div>
    <div ng-controller="CtrlTwo">{{ todos[0] | json }}</div>
</div>

如何使用angularJS从外部json api加载数据？

1 个答案: