prosource

각도에서의 onLoad와 ng-init의 차이

probook 2023. 2. 16. 21:54
반응형

각도에서의 onLoad와 ng-init의 차이

나는 각을 배우고 있다.변수 초기화에 대한 onLoad와 ng-init의 차이를 모르겠습니다.이 변수를 생성하는 범위.

For example

<ng-include onLoad="selectedReq=reqSelected" src="'partials/abc.html'"></ng-include>

OR

<ng-include ng-init="selectedReq=reqSelected" src="partials/abc.html"></ng-include>

격리된 범위에 대한 아이디어도 알려주세요.

ng-init이 명령어는 안에 배치할 수 있는 명령어디렉티브입니다div의,span이든 아니든onload에 고유한 어트리뷰트입니다.ng-include로서 기능하는 지시ng-init. 무슨 뜻인지 확인하려면 다음과 같이 시도해 보십시오.

<span onload="a = 1">{{ a }}</span>
<span ng-init="b = 2">{{ b }}</span>

두 번째 것만이 나타나는 것을 볼 수 있습니다.

격리된 스코프는 부모 스코프에서 프로토타입적으로 상속되지 않는 스코프입니다.일반인의 관점에서 상위 범위를 임의로 읽고 쓸 필요가 없는 위젯이 있는 경우 위젯에서 격리 범위를 사용하면 위젯과 위젯 컨테이너가 서로의 속성을 재정의하지 않고 자유롭게 범위를 사용할 수 있습니다.

앵글의 기록에 따르면

ng-init은 초기화에 사용하지 마십시오.에일리어싱에만 사용해야 합니다.https://docs.angularjs.org/api/ng/directive/ngInit

부분 뷰가 로드된 후(ng-view에 의해) 식을 평가할 필요가 있는 경우 onload를 사용해야 합니다.https://docs.angularjs.org/api/ng/directive/ngInclude

이들 간의 주요 차이점은 ng-include와 함께 사용할 경우입니다.

<div ng-include="partialViewUrl" onload="myFunction()"></div>

이 경우 부분 뷰가 로드될 때마다 myFunction이 호출됩니다.

<div ng-include="partialViewUrl" ng-init="myFunction()"></div>

반면 이 경우 myFunction은 부모 뷰가 로드될 때 한 번만 호출됩니다.

저는 좋아요.

<div ng-show="$scope.showme === true">Hello World</div>
<div ng-repeat="a in $scope.bigdata" ng-init="$scope.showme = true">{{ a.title }}</div>

언급URL : https://stackoverflow.com/questions/18441775/difference-between-onload-and-ng-init-in-angular

반응형