javascript - 使用 $http 作为函数参数 - AngularJS

Question

我正在尝试使用这个 AngularJS Material 芯片。(联系芯片 - 自动完成) https://material.angularjs.org/latest/demo/chips

它与我习惯的结构不同。我想适应使用 $http 从我的 mongodb 获取联系人，例如:

$http.get("/contacts").success(function(response) {
          contacts = response;
});

但是在他们的 Angular Material 代码示例中是这样的:

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])
      .controller('ContactChipDemoCtrl', DemoCtrl);
  function DemoCtrl ($q, $timeout) { 
...
 function loadContacts() {
  var contacts = [
    'Marina Augustine',
    'Oddr Sarno',
    'Nick Giannopoulos',
    'Narayana Garner',
    'Anita Gros',
    'Megan Smith',
    'Tsvetko Metzger',
    'Hector Simek',
    'Some-guy withalongalastaname'
  ];
}
...

如何使用 $http 作为 DemoCtrl 函数的参数？从数据库中获取联系人

Answer 1

MyModule.controller("DemoController", DemoCtrl);

DemoCtrl.$inject = ['$http'];

function DemoCtrl ($http) {
     $http.get("/contacts").success(function(response) {
      contacts = response;
});

上面是设置 Controller 的首选方法，因为它不使用匿名函数，而不是:

MyModule.controller("DemoController", ['$http', function($http) {
     $http.get("/contacts").success(function(response) {
      contacts = response;
}]);