이 글은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
