POSTproblem.coffee

myApp = angular.module 'myApp', []

# encapsulates ajax stuff
myApp.factory 'myService', ($http, $rootScope) ->
  data = { test: 123 }
  url = 'http://192.168.2.4:8080/'
  
  # doesn't do anything, no request in the server logs
  postItNormal = ->
    $http.post url, data
  
  # works perfectly, but isn't the angular-way
  postItJqueryStyle = ->
    $.ajax
      url: url
      data: data
      type: 'POST'
      dataType: 'JSON'

  # found $scope.$apply somewhere on google, but I had to stick to $rootScope here
  # why does it work this time? a request is logged...
  postItThroughRootScope = ->
    $rootScope.$apply ->
      $http.post url, data
  
  return {
    postIt: postItThroughRootScope
  }

# the controller
GestureController = ($scope, myService) ->
  $scope.action = ->
    myService.postIt()

POSTproblem.js

var GestureController, myApp;

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

myApp.factory('myService', function($http, $rootScope) {
  var data, postItJqueryStyle, postItNormal, postItThroughRootScope, url;

  data = {
    test: 123
  };
  url = 'http://192.168.2.4:8080/';
  postItNormal = function() {
    return $http.post(url, data);
  };
  postItJqueryStyle = function() {
    return $.ajax({
      url: url,
      data: data,
      type: 'POST',
      dataType: 'JSON'
    });
  };
  postItThroughRootScope = function() {
    return $rootScope.$apply(function() {
      return $http.post(url, data);
    });
  };
  return {
    postIt: postItThroughRootScope
  };
});

GestureController = function($scope, myService) {
  return $scope.action = function() {
    return myService.postIt();
  };
};
RunLink