Angular: Empty Fiddle

http://angularjs.org/

by Freewind

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc5.js"></script>

JavaScript

function _jsRoute(controller, action) {
    return function (data) {
        var url = '/' + controller + '/' + action + '.json';
        return $http.post(url, data);
    }
};
jsRoutes = {
    Groups: {
        show: _jsRoute('Groups', 'show')
    },
    Application: {
        index: _jsRoute('Application', 'index'),
        test: _jsRoute('Application', 'test'),
        views: _jsRoute('Application', 'views'),
        jsRoutes: _jsRoute('Application', 'jsRoutes')
    },
    Articles: {
        add: _jsRoute('Articles', 'add'),
        edit: _jsRoute('Articles', 'edit')
    },
    PlayDocumentation: {
        file: _jsRoute('PlayDocumentation', 'file'),
        index: _jsRoute('PlayDocumentation', 'index'),
        page: _jsRoute('PlayDocumentation', 'page'),
        cheatSheet: _jsRoute('PlayDocumentation', 'cheatSheet'),
        image: _jsRoute('PlayDocumentation', 'image')
    },
    Categories: {
        show: _jsRoute('Categories', 'show')
    }
};

// how to let the jsRoutes to be a service or something, can let me to use it as:
    
function MyCtrl($scope, $jsRoutes) { 
   $jsRoutes.Groups.get().success(function(data){ 
     $scope.groups = data; 
   }); 
}