AngularJS용 커스텀 모듈은 어떻게 작성합니까?

AngularJS용 커스텀 모듈은 어떻게 작성합니까?

AngularJs용 커스텀 모듈을 작성해야 하는데, 해당 주제에 대한 좋은 문서를 찾을 수 없습니다.Angular의 커스텀 모듈을 작성하려면 어떻게 해야 합니까?다른 사람들과 공유할 수 있는 JS?

이러한 상황에서는 이미 구축된 다른 모듈, 아키텍처 설계 방법 및 앱에 통합한 방법을 살펴보는 것이 더 이상 도움이 되지 않는다고 생각됩니다.
다른 사람들이 한 짓을 보면 적어도 출발점은 있어야 한다.

예를 들어 angular ui 모듈을 보면 많은 커스텀모듈이 표시됩니다.
하나의 지시문만 정의하는 사람도 있고 더 많은 것을 정의하는 사람도 있습니다.

@nXqd에서 설명한 것처럼 모듈을 작성하는 기본적인 방법은 다음과 같습니다.

// 1. define the module and the other module dependencies (if any)
angular.module('myModuleName', ['dependency1', 'dependency2'])

// 2. set a constant
    .constant('MODULE_VERSION', '0.0.3')

// 3. maybe set some defaults
    .value('defaults', {
        foo: 'bar'
    })

// 4. define a module component
    .factory('factoryName', function() {/* stuff here */})

// 5. define another module component
    .directive('directiveName', function() {/* stuff here */})
;// and so on

모듈을 정의한 후 컴포넌트를 쉽게 추가할 수 있습니다(변수에 모듈을 저장할 필요가 없습니다.

// add a new component to your module 
angular.module('myModuleName').controller('controllerName', function() {
    /* more stuff here */
});

통합 부분은 매우 간단합니다. 앱 모듈에 의존하여 추가합니다(여기는 각도가 ui인 방법입니다).

angular.module('myApp', ['myModuleName']);

좋은 예를 찾으려면 angularJS로 표기된 현재 모듈을 살펴봐야 합니다.소스코드를 읽는 법을 배우세요.그런데 이것은 내가 모듈을 비스듬히 쓸 때 사용하는 구조이다.JS:

var firstModule = angular.module('firstModule', [])
firstModule.directive();
firstModule.controller();

// in your app.js, include the module

이게 기본이에요.

var newMod = angular.module('newMod', []);

newMod.controller('newCon', ['$scope', function ($scope) {
    alert("I am in newCon");
    $scope.gr = "Hello";
}]);

여기서 newMod는 의존관계[]가 없는 모듈로 컨트롤러에 있음을 알리는 경보와 값이 hello인 변수가 있습니다.

언급URL : https://stackoverflow.com/questions/19109291/how-do-i-write-a-custom-module-for-angularjs