Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html ng-app="batarangDemoApp">
<head lang="en">
    <meta charset="UTF-8">
    <title>Batarang AngularJS Debugger</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script>
</head>
<body>
    <h2 ng-controller="NameController">
        {{myName}}
    </h2>
    <script>
        var batarangDemoApp = angular.module("batarangDemoApp", ['ngResource']);
        batarangDemoApp.provider("Name", function() {
            this.$get = function() {
                return {
                    getName: 'sandeep'
                }
            };
        });
        batarangDemoApp.controller("NameController", ["$scope", "Name",
            function($scope, Name) {
                $scope.myName = Name.getName;
                $scope.$watch("myName", function() {});
            }
        ]);
    </script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
saan1984pro
0viewers