>  기사  >  웹 프론트엔드  >  Angularjs의 '모듈' 이해하기

Angularjs의 '모듈' 이해하기

青灯夜游
青灯夜游앞으로
2021-01-18 18:39:212213검색

이 글은 angularjs의 "모듈"을 안내합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Angularjs의 '모듈' 이해하기

추천 관련 튜토리얼: "angularjs tutorial"

모듈은 애플리케이션을 정의합니다.
모듈은 애플리케이션의 다양한 부분을 담는 컨테이너입니다.
모듈은 애플리케이션 컨트롤러를 위한 컨테이너입니다.
컨트롤러는 일반적으로 모듈에 속합니다.

1 모듈 만들기

AngularJS의angular.module 함수를 통해 모듈을 만들 수 있습니다.

<div ng-app="myApp">...</div>

<script>

    var app = angular.module("myApp", [&#39;其他模块&#39;]);

</script>

"myApp" 매개변수는 애플리케이션을 실행하는 HTML 요소에 해당합니다.
이제 AngularJS 애플리케이션에 컨트롤러, 지시문, 필터 등을 추가할 수 있습니다.

2 컨트롤러 추가

ng-controller 지시문을 사용하여 애플리케이션의 컨트롤러를 추가할 수 있습니다.

<div ng-app="myApp" ng-controller="myCtrl">
    {{ firstName + " " + lastName }}
</div>

<script>

    var app = angular.module("myApp", []);

    app.controller("myCtrl", function($scope) {
        $scope.firstName = "John";
        $scope.lastName = "Doe";
    });

</script>

3 지시문 추가

<div ng-app="myApp" runoob-directive></div>

<script>

    var app = angular.module("myApp", []);

    app.directive("runoobDirective", function() {
        return {
            template : "我在指令构造器中创建!"
        };
    });
</script>

더 많은 프로그래밍 관련 지식을 보려면 다음을 방문하세요. 프로그래밍 비디오! !

위 내용은 Angularjs의 '모듈' 이해하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제