AngularJS: передать значение текстового поля услугам

Question

Я новичок в angularJS. В настоящее время работает над услугами. Я попытался передать значение текстового поля сервисам. Я не знаю, как пройти. Я код, но он не работает.

app.service("wishService", function ($timeout) { 
    this.wishHim = function (_wishMessage) { 
     $timeout(function() { 
      alert('Hi ,' + _wishMessage); 
     }, 2000); 
    } 
}); 

app.controller('wishCtrl', ['$scope', function ($scope, wishService) {  
    $scope.Message = ""; 
    $scope.SendMessage = function (wishMessage) { 
     wishService.wishHim(wishMessage); 
    }; 
}]); 


<div ng-controller="wishCtrl"> 
     Wish Message: <input type="text" ng-model="wishMessage" /> 
     <input type="button" value="Send Message" ng-click="SendMessage(wishMessage)" /><br /> 
     Your Message : {{Message}} 
</div> 

DEMO

Answer 1

wishService инъекции проблема

app.controller('wishCtrl', ['$scope', 'wishService', function ($scope, wishService) {  
    $scope.Message = ""; 
    $scope.SendMessage = function (wishMessage) { 
     wishService.wishHim(wishMessage); 
    }; 
}]); 

Answer 2

Я установил свой код, увидеть PLUNK здесь. Хотя то, что сказал Сандип, верно, у вас также был TON других проблем. См., Что я изменил.

Edit: Это было доведено до моего сведения, что я изменил код, чтобы формат завода, а не службы:

app.service("MessageService", function() { 

var service = { 
    msg: undefined, 

    setMsg: function(msg){ 
    this.msg = msg; 
    }, 

    getMsg: function(msg){ 
    return this.msg; 
    } 
} 

return service; 
});