如何将json加载到我的angular.js ng模型中？

如何将json加载到我的angular.js ng模型中？

正如Kris所提到的，您可以使用该

$resource

服务与服务器进行交互，但是给我的印象是您正在开始使用Angular的旅程-我上周去过那里-
因此，我建议直接开始尝试使用该

$http

服务。在这种情况下，您可以调用其

get

方法。

如果您具有以下JSON

[{ "text":"learn angular", "done":true }, { "text":"build an angular app", "done":false}, { "text":"something", "done":false }, { "text":"another todo", "done":true }]

你可以这样加载

var App = angular.module('App', []);App.controller('TodoCtrl', function($scope, $http) {  $http.get('todos.json')       .then(function(res){          $scope.todos = res.data;  });});

该

get

方法返回一个 Promise 对象，第一个参数是 成功 回调，第二个参数是 错误 回调。

当您将

$http

Angular作为函数的参数添加时，它会神奇地将

$http

资源注入到控制器中。

我在这里举了一些例子

• http://plnkr.co/edit/Wuc6M7?p=preview
• https://gist.github.com/3938567