是否真的需要SampleCtrl。$ inject = ['$ scope'，'$ http'];

Question

我是Angularjs的新手，剛開始幾天回來，

我得到了一個使用$ http的代碼，工作正常。

var sampleApp = angular.module('sampleApp', []); // Define new module for our application 

     // Create new controller, that accepts two services $scope and $http 
     function SampleCtrl($scope, $http) { 
    $scope.date = "sample date"; // Bind data to $scope 

    // Define new function in scope 
    $scope.fetch = function() { 
     // Use $http service to fetch data from the PHP web service 
     $http.get('api.php').success(function(data) { 
     $scope.date = data.date; // Bind the data returned from web service to $scope 
     }); 
    } 

    }; 

    SampleCtrl.$inject = ['$scope', '$http']; // Ask Angular.js to inject the requested services,  
    sampleApp.controller('SampleCtrl', SampleCtrl); // Initialize controller in pre-defined module 

========================
我想兩件事情

當我的評論行SampleCtrl.$inject = ['$scope', '$http'];從上面的代碼，代碼仍然有效，我需要知道，爲什麼我們需要這個或當我們需要這個。

2.分離提取功能類似

function fetchData() { 
      // Use $http service to fetch data from the PHP web service 
      $http.get('api.php').success(function(data) { 

      $scope.date = data.date; // Bind the data returned from web service to $scope 
      }); 
      return $scope; 
     } 
     // Create new controller, that accepts two services $scope and $http 
     function SampleCtrl($scope, $http) { 
     // Define new function in scope 
     $scope.fetch = fetchData($scope, $http); 

     }; 

對不起不能做的jsfiddle，但這裏是我從

https://www.openshift.com/blogs/how-to-use-angularjs-with-php-hosting-on-openshift

試圖在「etting Started with Angular.js部分代碼

Answer 1

這樣做是代碼縮小的原因。當您使用縮小器運行代碼時，它會將SampleCtrl中的參數名稱替換爲function SampleCtrl(a,b)，您需要避免這種情況，因爲依賴注入器不知道要注入哪些服務。

一個解決方案是像你那樣使用$inject。它將確保DI將注入正確的服務。

另一種解決方案是在這種風格

angular.module('myApp').controller('myCtrl', ['$scope', '$http', function($scope, $http) { 
    // logic 
}]); 

這兩種方式是可以互換的