Angular: Empty Fiddle

http://angularjs.org/

by witq

HTML

<script src="//code.angularjs.org/1.2.20/angular.min.js"></script>
<script src="//code.angularjs.org/1.2.20/angular-resource.min.js"></script>
<div ng-controller="MyCtrl">
    <a href="" ng-click="getPass()">Get password</a>
    <pre ng-bind="data | json"></pre>
</div>

JavaScript

var myApp = angular.module('myApp',['ngResource']);

myApp.controller('MyCtrl', function($scope, Password) {
    $scope.getPass = function() {
        $scope.data = {};
        Password.generate({}, {
            horse: 1
        }, function(data) {
            $scope.data = {
                type: typeof data,
                content: data
            };
        }, function(error) {
            console.error(error);    
        });
    };
});

myApp.factory('Password', function($resource) {
    return $resource('http://angularjs.org/generatePassword.php?callback=JSON_CALLBACK', null,  {
        generate: {
            method: 'JSONP',
            transformResponse: function(data) {
                data.megapass = data.password + data.password;
                return data;
            }
        }
    });
});