ngReblast

angular experiment

by John Allan

HTML

<div ng-app="ReblastApi"></div>
<div id="reblasts" ng-app="ReblastApp">
    
    <div ng-controller="ReblastListController">
        <div ng-repeat="reblast in reblastList">
            <h2>{{reblast.title}}</h2>
            <p>{{reblast.content}}</p>
            <p>{{reblast.date}}</p>
        </div>
    </div>
    
</div>

JavaScript

//
// SERVICES
//

var services = angular.module('ReblastApi', [
    'ReblastApi.services'
]);

angular.module('ReblastApi.services', []);

angular.module('ReblastApi.services').factory('Services', function($http) {
   
    var methods = {};
    
    /*
    methods.getReblasts = function () {
        return $http({
            'method': 'POST',
            'url': 'http://services.resaas.com/reblasts/getReblasts'
        });   
    };
    */
    
    methods.getReblasts = function () {
        var reblastList = [
           {
               'title': 'Reblast Number One',
               'content': 'Lorem ipsum dolor sit amet',
               'date': 'Oct 1, 2014'
           },
           {
               'title': 'Reblast Number Two',
               'content': 'Adspicing calum lamor seguntas eo.',
               'date': 'Oct 1, 2014'
           }
       ];
       return reblastList;
    };
    
    return methods;
    
});

//
// APP
//
var app = angular.module('ReblastApp', [
    'ReblastApi',
    'ReblastApp.controllers'
]);

//controllers.js
angular.module('ReblastApp.controllers', []);

angular.module('ReblastApp.controllers').controller('ReblastListController', ['$scope', function($scope) {
    console.log(ReblastApi);
    $scope.reblastList = ReblastApi.getReblasts(); 
}]);