AngularjsにRequirejsを付ける
980 ワード
AngularjsにRequirejsを付けるために考慮すべきこと:
1.js、css、templateはすべてオンデマンドでロードして、jsは主にcontrollerについて:
*jsとcssはrequirejsとそのプラグインで解決できます.
*templateはそのままAngular routeの非同期ロードで、controllerのjsと統合したいのですが、諦めました.
2.すべてのrouterは単独で1つのファイルに書いて、彼らも分散することができますが、いつも一緒に置くと一目瞭然に管理しやすいと思います.routerは構成時にcontrollerを指定する必要があるため、各controllerはシェルをカプセル化する必要があります.
すなわち、各ページには2つのjsが必要であり、1つは上のパッケージviewである.js、このjsはrouterと付き合います.jsを圧縮するプリロード方式でロードし、もう一つの直正ctrl.jsは真のビジネス層のコードであり、必要に応じてロードされる.
=============================================================
参照先:http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs
上の記事を見て、上の第2条を封入して、ファイル名に規範があればいいので、しばらくこの案で再構築しましょう.
1.js、css、templateはすべてオンデマンドでロードして、jsは主にcontrollerについて:
*jsとcssはrequirejsとそのプラグインで解決できます.
*templateはそのままAngular routeの非同期ロードで、controllerのjsと統合したいのですが、諦めました.
2.すべてのrouterは単独で1つのファイルに書いて、彼らも分散することができますが、いつも一緒に置くと一目瞭然に管理しやすいと思います.routerは構成時にcontrollerを指定する必要があるため、各controllerはシェルをカプセル化する必要があります.
app.controller('View2Ctrl', ['$scope', '$injector', function($scope, $injector) {
require(['view2/ctrl2'], function(ctrl2) {
$injector.invoke(ctrl2, this, {'$scope': $scope});
});
}]);
すなわち、各ページには2つのjsが必要であり、1つは上のパッケージviewである.js、このjsはrouterと付き合います.jsを圧縮するプリロード方式でロードし、もう一つの直正ctrl.jsは真のビジネス層のコードであり、必要に応じてロードされる.
=============================================================
参照先:http://weblogs.asp.net/dwahlin/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs
上の記事を見て、上の第2条を封入して、ファイル名に規範があればいいので、しばらくこの案で再構築しましょう.