Context Manu AngularJS Directive

http://angularjs.org/

by Yaprak Ayazoğlu

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.16/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.18/angular-mocks.js"></script>
<div ng-controller="MainCtrl">
    <div ng-click="click()">Click me to get watch data.</div>
</div>

JavaScript

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

// define our fake backend
app.run(function($httpBackend) {
  var phones = [{name: 'phone1'}, {name: 'phone2'}]; 
  
  $httpBackend.whenPOST('/watchdata').respond(function(method, url, data, headers){
    console.log('Received these data:', method, url, data, headers);
    phones.push(angular.fromJson(data));
    return [200, {}, {}];
  });
  
  $httpBackend.whenGET('/watchdata').respond(function(method,url,data) {
    console.log("Getting phones");
      return [200, {"hede": "hodo"}, {}];
  });
});

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

myApp.controller( "MainCtrl", [ "$scope", "$http", function($scope, $http) {
    $scope.click = function() {
        $http.get('/watchdata').success(function(data) {
          $scope.phones = data;
        });
  };
}]);