我正在尝试接起angular.js http://angularjs.org并致力于找出一些记录较少的事情。
考虑一下 - 我在服务器上有一个搜索方法,它接受查询参数并返回搜索结果的集合,并响应GET /search.json
路线(Rails FWIW)。
So with jQuery
,示例查询如下所示:
$.getJSON('/search', { q: "javascript", limit: 10 }, function(resp) {
// resp is an array of objects: [ { ... }, { ... }, ... ]
});
我正在尝试使用 Angular 来实现它,并了解它是如何工作的。这就是我现在所拥有的:
var app = angular.module('searchApp', ['ngResource']);
app.controller('SearchController', ['$scope', '$resource', function($scope, $resource){
$scope.search = function() {
var Search = $resource('/search.json');
Search.query({ q: "javascript", limit: 10 }, function(resp){
// I expected resp be the same as before, i.e
// an array of Resource objects: [ { ... }, { ... }, ... ]
});
}
}]);
并在视图中:
<body ng-app="searchApp">
...
<div ng-controller="SearchController">
...
<form ng-submit="search()">...</form>
...
</div>
</body>
但是,我不断收到类似错误TypeError: Object #<Resource> has no method 'push'
and $apply already in progress
.
如果我改变的话,事情似乎会按预期进行$resource
初始化如下:
var Search = $resource("/search.json?" + $.param({ q: "javascript", limit: 10 }));
Search.query(function(resp){ ... });
初始化似乎更直观$resource
一次,然后根据请求的搜索的变化传递不同的查询参数。我想知道我是否做错了(最有可能)或者只是误解了调用的文档$resource.query
使用查询参数对象作为第一个参数是可行的。谢谢。