角材料，如何添加新的服務？

Question

如何向模塊添加新的服務？

在angularjs，可以實現這樣的：

var app = angular.module('myApp', []); 
app.controller('myController', function(){ 
    app.service('userService', function(){ 
     // ..... 
    }); 
    var service = angular.injector(['ng', 'myApp']).get('userService'); 
    // ...... 
}); 

但在角材料，這將thow異常。

Error: [$injector:unpr] Unknown provider: $rootElementProvider <- $rootElement <- $$animateQueue <- $animate <- $compile <- $mdUtil <- $mdTheming <- $$animateQueue

Codepen： enter link description here

Answer 1

你可以做這樣的事情。您可以將您的服務注入控制器並使用您服務的所有方法和屬性。

var app = angular.module('myApp', []); 
app.service('userService', function(){ 
     // ..... 
    }); 
app.controller('myController', function(userService){ 

    // ...... 
}); 

Codepen：https://codepen.io/anon/pen/owOaeN

欲瞭解更多信息：https://docs.angularjs.org/guide/di