Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/1.0.0/angular-resource-1.0.0.min.js"></script>
<script src="https://raw.github.com/pkozlowski-opensource/angularjs-mongolab/ecf9d7fc0925763f16d0e279f4fce3dc5a2196f7/mongolab.js"></script>
<div ng-controller="AppController">Entries: {{entries}}
<br/>Entry: {{entry}}
<button ng-click="filterNow()">Filter now!</button>
</div>
JavaScript
var app = angular.module('app', ['mongolabResource']);
app.constant('API_KEY', '4f847ad3e4b08a2eed5f3b54');
app.constant('DB_NAME', 'angularjs');
app.factory('Project', function ($mongolabResource) {
return $mongolabResource('projects');
});
app.controller('AppController', function ($scope, Project, $filter) {
$scope.entries = Project.query();
$scope.entry = $filter('filter')($scope.entries,{name: 'Bar'});
$scope.$watch('entries', function() {
console.log('Filtering...')
$scope.filterNow()
})
$scope.filterNow = function () {
$scope.entry = $filter('filter')($scope.entries, function(x) { return x.name == "Bar"; });
}
});