Angularjs：注入控制器模塊匿名函數

Question

裏面我有點newbiew與javascript，我開始使用angular.js

所以我的問題是，如果有一種方法來注入是聲明在一個模塊內的控制器匿名函數

我的代碼看起來像這樣

app.js

(function(angular) { 
    var app = angular.module('Organizer', ['ngMaterial', 'ngAnimate', 'ngAria']); 
})(angular); 

個

siteController.js

(function(angular, app) { 
    app.controller('site', function($scope, $mdDialog) 
    { 
     var alert = $mdDialog.alert({ 
      title: 'Test', 
      content: 'Testing', 
      ok: 'Exit' 
     }); 

     $mdDialog.show(alert); 
    }); 
})(angular); 

我試圖尋找方法，如果有可能，但我仍想看看是否有人在這裏可以解釋如何能如果能進行。

注：我已經使用angular.js之前，我想嘗試不同的方法來聲明控制器，以便客戶端不會有任何的方式來修改它

Answer 1

如果創建角模塊，那麼你就可以不以這種方式混淆它。在控制檯中，用戶可以運行angular.module('Organizer')以訪問您的應用程序，然後調用他們想要的任何方法。

您的代碼無法正常工作的原因是因爲您沒有將app變量傳遞給您的匿名函數。所以，如果你想將控制器添加到Organizer模塊，那麼你會做這樣的事情：

(function(angular) 
{ 
    angular. 
     module('Organizer'). 
     controller('site', function($scope, $mdDialog) 
     { 
      ... 
     }); 
})(angular); 

Answer 2

世界上沒有必要換此代碼的任何自我執行的功能，如果你想保持變量出來全球範圍內。唯一一個全球化的是「角度」對象。

你app.js應該只有

'use strict'; 
angular.module('Organizer', ['ngMaterial', 'ngAnimate', 'ngAria']); 

您控制文件應該只有

'use strict'; 
angular.module('Organizer').controller('siteController', function($scope, $mdDialog) { 
    var alert = $mdDialog.alert({ 
     title: 'Test', 
     content: 'Testing', 
     ok: 'Exit' 
    }); 

    $mdDialog.show(alert); 
}); 

第一次調用在app.js到模塊通過角用來實例化的第二個參數的模塊。後續調用忽略第二個參數「獲取」模塊。