JSFiddle - React, Tailwind, and code Playground

by jwanga

HTML

<body ng-app="application">
<ul ng-controller="ProjectListController">
    <li ng-repeat="project in projects">
        <a href='#/{{project.name}}'>{{project.name}}</a>
    </li>
</ul>
</body>

JavaScript

var Application, Controllers
Application = {};
Application.Controllers ={};

Application = angular.module('application', []);

Application.factory('projectList', function($timeout, $rootScope,$q) {
    var list = [{  
            "name": "Project 1",
            "lastmoddate": 1346040163350,
            "project_id": "a759b8aff4ad4874b05dd91e2511588d",
            "sm_owner": "user/test",
            "createddate": 1345683015174,
            "user": "test"   
        }, {  
            "name": "Project 2",
            "lastmoddate": 1346040149732,
            "project_id": "2daa3ae99f894a329f0004657dfef2cc",
            "sm_owner": "user/test",
            "createddate": 1345688778355,
            "user": "test"   
        }, {  
            "name": "Project 3",
            "lastmoddate": 1346040121923,
            "project_id": "3596a48cc92c48858f82741ff27ea0ac",
            "sm_owner": "user/test",
            "createddate": 1345688793090,
            "user": "test"   
        }];
    return {
        get : function(){ 
                var deferred = $q.defer();
                setTimeout(function() {
                    deferred.resolve(list);
                }, 500);
                return deferred.promise;
        }
        
    }
});

Application.controller('ProjectListController', function($scope, projectList){

    $scope.projects = projectList.get();
    //$scope.projects = 

});