Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app="aaa">
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.js"></script>
  
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-route.js
"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-resource.js"></script>
  <script src="https://cdn.backand.net/backand/dist/1.8.2/backand.min.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div ng-controller="PostsCtrl">
  </div>
<script>
  var app = angular.module('aaa',['ngRoute','ngResource','backand']);
app.config(["$routeProvider","BackandProvider",function($routeProvider, BackandProvider){
    $routeProvider
        .when('/',{templateUrl:'partials/home.html',controller:'PostsCtrl'})
        .when('/comments/:id', {templateUrl: 'partials/comments.html',controller:'CommentsCtrl'})
        .otherwise({redirectTo : '/'});
    BackandProvider.setAppName('APP-NAME');
    BackandProvider.setSignUpToken('TOKEN');
    BackandProvider.setAnonymousToken('ANONYMOUS-TOKEN');
}]);
  app.factory('Post',["$http","$q","Backand", function($http, $q, Backand){
    var factory = {
        posts : false,
        find : function(options){
            var deferred = $q.defer();
            $http({
                method: 'GET',
                url: Backand.getApiUrl() + '/1/objects/' + options.name,
                params: {
                  pageSize: 20,
                  pageNumber: 1,
                  filter: options.filter || '',
                  sort: options.sort || ''
            }
        })
            .success(function(data,status){
                factory.posts = data;
                deferred.resolve(factory.posts);
            }).error(function(data,status){
                deferred.reject('Impossible de récupérer les articles'+ status);
            })
        return deferred.promise;
        },
        get : function(id){
            var deferred = $q.defer();
            var post = {};
            var posts = factory.find().then(function(posts){
                angular.forEach(posts,function(value,key){
                    if(value.id == id){
                        post = value;
                    }
                });
                deferred.resolve(post);
            }, function(msg){
                deferred.reject(msg);
            });
            return deferred.promise;
        },
        add : function(comment){
            var deferred = $q.defer();
            deferred.resolve();
            return deferred.promise;
        }
    };
    return factory;
}]);
  app.controller('PostsCtrl',["$scope","$rootScope","Post", function($scope, $rootScope,Post){
    $rootScope.loading = true;
    var options = {name:"Post",filter:"",sort:""}
    $scope.posts = Post.find(options).then(function(posts){
        $rootScope.loading = false;
        $scope.posts = posts;
    }, function(msg){
        alert(msg);
    });
}]);
  </script>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers