yeniden açın ve önceden önyüklenmiş bir uygulamaya bağımlılıklar ekleyin

Question 1

Zaten önyüklenmiş bir açısal modüle geç bağımlılık enjekte etmenin bir yolu var mı? Demek istediğim şu:

Site genelinde açısal bir uygulamam olduğunu varsayalım:

// in app.js
var App = angular.module("App", []);

Ve her sayfada:

<html ng-app="App">

Daha sonra, mevcut sayfanın ihtiyaçlarına göre mantık eklemek için uygulamayı yeniden açıyorum:

// in reports.js
var App = angular.module("App")
App.controller("ReportsController", ['$scope', function($scope) {
  // .. reports controller code
}])

Şimdi, (gibi mantık bu talebe bit bu bir de kendi bağımlılıkları gerektirir ki ngTouch, ngAnimate, ngResource, vs). Bunları temel uygulamaya nasıl ekleyebilirim? Bu işe yaramıyor gibi görünüyor:

// in reports.js
var App = angular.module("App", ['ui.event', 'ngResource']); // <-- raise error when App was already bootstrapped

Her şeyi önceden yapabileceğimin farkındayım, yani -

// in app.js
var App = angular.module("App", ['ui.event', 'ngResource', 'ngAnimate', ...]);

Veya her modülü kendi başına tanımlayın ve ardından her şeyi ana uygulamaya enjekte edin ( daha fazlası için buraya bakın ):

// in reports.js
angular.module("Reports", ['ui.event', 'ngResource'])
.controller("ReportsController", ['$scope', function($scope) {
  // .. reports controller code
}])

// in home.js
angular.module("Home", ['ngAnimate'])
.controller("HomeController", ['$scope', '$http', function($scope, $http){
  // ...
}])

// in app.js, loaded last into the page (different for every page that varies in dependencies)
var App = angular.module("App", ['Reports', 'Home'])

Ancak bu, Uygulamayı her seferinde mevcut sayfanın bağımlılıkları ile başlatmamı gerektirecektir.

Ben temel eklemeyi tercih app.jsher sayfada ve sadece her sayfasında (gerekli uzantıları tanıtmak reports.js, home.jsben eklemek önyükleme mantık her şey ya kaldır şey revize etmek zorunda kalmadan, vs.).

Uygulama zaten önyüklendiğinde bağımlılıklar oluşturmanın bir yolu var mı? Bunu yapmanın deyimsel yolu (veya yolları) nedir? İkinci çözüme yöneliyorum, ancak anlattığım yolun da yapılıp yapılamayacağını görmek istedim. Teşekkürler.

Question 2

Bunu şu şekilde çözdüm:

uygulamaya tekrar referans verin:

var app = angular.module('app');

ardından yeni gereksinimlerinizi gereksinimler dizisine aktarın:

app.requires.push('newDependency');

Question 3

Basit ... Alıcıyı şu şekilde kullanarak modülün bir örneğini alın: var app = angular.module ("Uygulama");

Sonra "gerektirir" koleksiyonuna şu şekilde ekleyin: app.requires [app.requires.length] = "ngResource";

Neyse, bu benim için çalıştı. İYİ ŞANSLAR!

Question 4

Angular JS google grubundaki bu öneriye göre bu işlevsellik şu andan itibaren mevcut değildir. Umarım çekirdek ekip bu işlevi eklemeye karar verir, onu kendim kullanabilir.

Question 5

Aynı anda birden fazla bağımlılık eklemek isterseniz, bunları aşağıdaki şekilde iletebilirsiniz:

<script>
    var app = angular.module('appName');
    app.requires.push('dependencyCtrl1', 'dependencyService1');
</script>

Question 6

Bunun eski bir soru olduğunun farkındayım, ancak henüz işe yarayan bir cevap verilmedi, bu yüzden nasıl çözdüğümü paylaşmaya karar verdim.

Çözüm, çatal açmayı gerektirir, bu nedenle artık CDN kullanamazsınız. Ancak değişiklik çok küçük, bu yüzden bu özelliğin neden Angular'da bulunmadığına şaşırıyorum.

Bu soruya verilen diğer cevaplardan birinde verilen google gruplarının bağlantısını takip ettim . Orada sorunu çözen aşağıdaki kodu buldum:

instanceInjector.loadNewModules = function (mods) {
  forEach(loadModules(mods), function(fn) { instanceInjector.invoke(fn || noop); });
};

Bu kodu açısal 1.5.0 kaynak kodunda ( createInjectorfonksiyonun içinde , return instanceInjector;ifadeden önce ) 4414. satıra eklediğimde , bu şekilde önyüklemeden sonra bağımlılıklar eklememi sağladı $injector.loadNewModules(['ngCookies']);.

Question 7

1.6.7 sürümünden bu yana, uygulama kullanılarak başlatıldıktan sonra modülleri geç yüklemek artık mümkün $injector.loadNewModules([modules]). Aşağıda AngularJS belgelerinden alınan bir örnek verilmiştir:

app.factory('loadModule', function($injector) {
   return function loadModule(moduleName, bundleUrl) {
     return getScript(bundleUrl).then(function() { $injector.loadNewModules([moduleName]); });
   };
})

Etrafında bazı sorunlar olduğundan, lütfen loadNewModules hakkındaki tüm belgeleri okuyun .

Omkadiri'nin ui yönlendiriciyle kullanan çok iyi bir örnek uygulaması da var .