ng-app 지시어 배치(html vs body)
최근 앵귤러로 작성된 웹 앱의 코드를 검토해보니, 그 코드가 다음과 같이 쓰여져 있었습니다.ng-app="myModule"에 명기된 지시<body>태그. 각도를 배울 때, 나는 그것을 오직 한 번 본 적이 있다.<html>태그(여기, 여기 및 튜토리얼에서 권장하는 바와 같이)를 지정합니다.
이 문제를 직접 살펴보니 SO 질문, 특히 이것과 마찬가지로 여러 모듈을 한 페이지에 로드하는 방법에 대한 질문이 있습니다.그러나 이 기술은 본체 내의 요소에 ng-app을 배치하고 수동 부트스트랩을 사용하여 두 개의 각진 앱을 동시에 실행하는 것이 제 경우와 다릅니다.
내가 아는 한, 실행 시 앱과 앱의 차이는 없다.ng-app에<html>또는<body>제가 알기로는ng-app각도 어플리케이션의 루트를 지정하기 때문에, 그 루트를 배치한다.<body>절단하다<head>앵글의 범위를 벗어났지만 이게 영향을 미칠 만한 큰 방법은 생각나지 않아요제 질문은 다음과 같습니다.배치와 배치의 기술적인 차이는 무엇입니까?ng-app다른 태그가 아닌 이 태그 중 하나에 부착되어 있나요?
어디에 두느냐에 큰 차이가 없다.ng-app.
입으면<body>그러면 Angular에 대한 스코프가 작아집니다.조금 빠른 JS입니다.
하지만 저는ng-app에서<html>를 조작하기 위해서<title>.
레거시 앱에서 작업하던 팀에서 새로운 코드를 레거시 코드에서 분리하기 위해 래퍼로 사용되는 div의 ng-app 태그를 사용하는 것이 가장 좋다는 것을 알게 되었습니다.
jqGrid와 Dojo에 크게 의존하는 앱을 작업하면서 알게 되었습니다.
헤드태그에 ng-app을 추가했을 때는 사이트를 날려버렸지만, 래퍼를 사용했을 때는 Angular를 문제없이 사용할 수 있었습니다.
AngularJS는 최초로 발견된ng-app을 부트스트랩합니다!바로 그겁니다.둘 이상의 ng-app이 있는 경우 첫 번째 ng-app만 처리됩니다.다른 요소를 부트스트랩하려면 angular를 사용합니다.부트스트랩()
ng-app 애트리뷰트 값은 다음을 사용하여 작성된 모듈입니다.
angular.module("module_name", [])
모듈은 다른 프로그래밍 언어와 달리 main() 메서드가 없기 때문에 각도가 부트스트랩되는 정도를 정의합니다.ng-app 값이 비어 있으면 기본 모듈인 'ng'가 사용됩니다.
angular가 ng-app이 있던 요소 내부의 모든 요소를 처리하기 때문에 조금 더 빠르다고 합니다.하지만 DOM이 매우 크지 않으면 차이가 거의 나지 않기 때문에 조금 의심스럽습니다.
예를 보려면 http://noypi-linux.blogspot.com/2014/07/angularjs-tutorials-understanding.html를 방문하십시오.
언급URL : https://stackoverflow.com/questions/15790432/placement-of-the-ng-app-directive-html-vs-body
'programing' 카테고리의 다른 글
| 몽구스:CastError: 경로 "_id"에서 값 "개체 개체"에 대해 ObjectId로 캐스팅하지 못했습니다. (0) | 2023.03.11 |
|---|---|
| ASP.NET MVC: 레이저 뷰에서 컨트롤러 액션 메서드를 호출할 수 있는 모든 방법 (0) | 2023.03.11 |
| 새로운 React Context API는 재렌더를 트리거합니까? (0) | 2023.03.11 |
| AJAX 응답 텍스트 반환 방법 (0) | 2023.03.11 |
| JavaScript push to array (0) | 2023.03.11 |