2014. 10. 25. 09:53
다수의 모듈 사용
방법 1
각각의 모듈들을 불러온다.
후에 다음과 같은 방법으로 통합
예제1
var app = angular.module('app', ['phonecat', 'computer']);예제2
// in main app.js file
var app = angular.module('myapp',
['myapp.routers', 'myapp.directives', 'myapp.filters']);
// in filters.js
angular.module('myapp.filters', []).filter(....)
// in routers.js
angular.module('myapp.routers', []).router(....)
// in directives.js
angular.module('myapp.directives', []).directive(....)방법 2
ng-app 대신 ng-module 사용.
<!DOCTYPE html>
<html>
<head>
<script src="angular.js"></script>
<script src="angular.ng-modules.js"></script>
<script>
var moduleA = angular.module("MyModuleA", []);
moduleA.controller("MyControllerA", function($scope) {
$scope.name = "Bob A";
});
var moduleB = angular.module("MyModuleB", []);
moduleB.controller("MyControllerB", function($scope) {
$scope.name = "Steve B";
});
</script>
</head>
<body>
<div ng-modules="MyModuleA, MyModuleB">
<h1>Module A, B</h1>
<div ng-controller="MyControllerA">
{{name}}
</div>
<div ng-controller="MyControllerB">
{{name}}
</div>
</div>
<div ng-module="MyModuleB">
<h1>Just Module B</h1>
<div ng-controller="MyControllerB">
{{name}}
</div>
</div>
</body>
</html>방법3. 기존 모듈에 컨트롤러를 추가
처음 모듈 선언.
var app = angular.module('ModuleName', []);
아래와 같은 방식으로 선언된 모듈 불러오기.
var app = angular.module('ModuleName');
방법4. 모듈의 통합
... 자료 찾는중.
'.NET > 스크립트 + JQuery' 카테고리의 다른 글
| 자바스크립트 Date 자료형 MS 자료 (0) | 2015.01.15 |
|---|---|
| [angular] $broadcast, $emit, $on (0) | 2014.09.25 |
| JQuery Ajax 공식문서 (287) | 2014.03.07 |
| 제이쿼리 UI 공식 싸이트 (0) | 2014.01.07 |
| [스크랩] 인터넷 창 닫기 이벤트 처리 (0) | 2013.03.18 |
