Angular的另一種注入方法

Question

我有一個模板，我正在改變注入偏序的方法。它有'經典'的注入方式。我想用緊湊的形式替換它。我不能做這些代碼行。我試過了，但我無法理解結構。因爲我習慣於另一種形式。有人能幫助我嗎？

(function() { 
'use strict'; 

angular.module('app.data') 
    .factory('postResource', postResource) 
    .factory('postsUtils', postsUtils); 

postResource.$inject = ['$resource']; 

function postResource($resource) { 
    return $resource('/api/posts/:id', {id: '@id'}, { 
    update: { 
     method: 'PUT' 
    } 
    }); 
} 

postsUtils.$inject = ['postResource']; 
function postsUtils(postResource) { 
    function postsDuringInterval(posts, days) { 
    var today = new Date(); 
    var interval = 86400000 * days; 
    var postsDuringInterval = []; 
    posts.forEach(function(post) { 
     var postDate = new Date(post.date); 
     today - postDate < interval && postsDuringInterval.push(post); 
    }); 
    return postsDuringInterval; 
    } 

    function recent(posts, postsNum) { 
    posts.sort(function(a, b) { 
     if (a.date < b.date) return 1; 
     else if (a.date == b.date) return 0; 
     else return -1; 
    }); 
    return posts.slice(0, postsNum || 1); 
    } 

    function lastEdited(posts) { 
    var lastEdited = posts[0]; 
    posts.forEach(function(post) { 
     lastEdited = lastEdited.date < post.date ? lastEdited : post; 
    }); 
    return lastEdited; 
    } 

    return { 
    postsDuringInterval: postsDuringInterval, 
    lastEdited: lastEdited, 
    recent: recent 
    } 
} 
})(); 

Answer 1

下面是如何注入依賴關係的示例。

var app = angular.module('myApp', 
    ['ngRoute', 'ngSanitize', 'ui.bootstrap', 'angular-flexslider', 
     'ng-backstretch', 'angular-parallax', 'fitVids', 'wu.masonry', 'timer', 
     'uiGmapgoogle-maps', 'ngProgress']); 

一個注入了服務的控制器的示例。

app.controller('ContactController',['$scope','contactService', 
    function($scope, contactService) { 

var self = this; 
    self.contact = {id:null, name:"",lastName:"",email:"",subject:"",message:""}; 

    this.submit = function(){ 
     contactService.submit(self.contact); 
     self.contact = {id:null, name:"",lastName:"",email:"",subject:"",message:""}; 
    }; 
}]); 

工廠：

app.factory('contactService',['$http','$q', function($http,$q){ 

    return { 

     submit: function (contact) { 
      return $http.post('/sendForm/', contact) 
       .then(
        function (response) { 
         return response; 
        }, 
        function (errResponse) { 
         console.error("Error while submitting form" + errResponse); 
         return $q.reject(errResponse); 
        } 
       ) 
     } 

    } 
}]); 

我覺得這是你指過的方式。希望這可以幫助。