Angularjs 모듈 화

1621 단어 webangular
Angularjs 모듈
1.왜 모듈 컨트롤 러 를 사용 하여 전역 네 임 스페이스 를 오염 시 켰 는 지 모든 응용 프로그램 에서 전역 변수 와 전역 함 수 를 사용 하 는 것 을 피해 야 합 니 다.전역 값(변수 나 함수)은 다른 스 크 립 트 에 의 해 재 작성 되 거나 파 괴 될 수 있 습 니 다.이 문 제 를 해결 하기 위해 AngularJS 는 모듈 을 사용 했다.
2.일반 컨트롤 러 와 AngularJS 모듈
AngularJS 일반 컨트롤 러



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

모듈 로 대 체 된 컨트롤 러 사용 하기






{{ firstName + " " + lastName }}
<span style="color:#ff0000;">var app = angular.module("myApp", []);</span> app.controller("myCtrl", function($scope) { $scope.firstName = "John"; $scope.lastName = "Doe"; });

3.AngularJS 응용 프로그램 파일
응용 프로그램 은 최소한 모듈 파일,컨트롤 러 파일 이 있어 야 합 니 다.
우선 모듈 파일"myApp.js"를 만 듭 니 다.
var app = angular.module("myApp", []);

그리고 컨트롤 러 파일 을 만 듭 니 다.이 인 스 턴 스 는"my Ctrl.js"입 니 다.
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});

마지막 으로 HTML 도입 모듈 편집



{{ firstName + " " + lastName }}

좋은 웹페이지 즐겨찾기