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="app">
<head>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.1/angular.min.js"></script>
    <meta charset=utf-8 />
    <title>JS Bin</title>
</head>
<body ng-controller="MyCtrl">
    {{serviceOutput}}
    <br/><br/>
    {{factoryOutput}}
    <br/><br/>
    {{providerOutput}}
​
    <script>
​
        var app = angular.module( 'app', [] );
​
        var MyFunc = function() {
​
            this.name = "default name";
​
            this.$get = function() {
                this.name = "new name"
                return "Hello from MyFunc.$get(). this.name = " + this.name;
            };
​
            return "Hello from MyFunc(). this.name = " + this.name;
        };
​
        // returns the actual function
        app.service( 'myService', MyFunc );
​
        // returns the function's return value
        app.factory( 'myFactory', MyFunc );
​
        // returns the output of the function's $get function
        app.provider( 'myProv', MyFunc );
​
        function MyCtrl( $scope, myService, myFactory, myProv ) {
​
            $scope.serviceOutput = "myService = " + myService;
            $scope.factoryOutput = "myFactory = " + myFactory;
            $scope.providerOutput = "myProvider = " + myProv;
​
        }
​
    </script>
​
</body>
</html>
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers