이 글은 angularjs의 "모듈"을 안내합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
추천 관련 튜토리얼: "angularjs tutorial"
모듈은 애플리케이션을 정의합니다.
모듈은 애플리케이션의 다양한 부분을 담는 컨테이너입니다.
모듈은 애플리케이션 컨트롤러를 위한 컨테이너입니다.
컨트롤러는 일반적으로 모듈에 속합니다.
1 모듈 만들기
AngularJS의angular.module 함수를 통해 모듈을 만들 수 있습니다.
<div ng-app="myApp">...</div> <script> var app = angular.module("myApp", ['其他模块']); </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 중국어 웹사이트의 기타 관련 기사를 참조하세요!