AngularJS 템플릿에 새 범위를 만드시겠습니까?

Question

Symfony2.x를 사용하면 일부 데이터에 대한 데이터를 처리하는 나뭇 가지 루프가 있으며 유사한 요소 (배경에로드되는 차이점)에 대해 ng-repeat가 있지만 둘 다 공유해야합니다 동일한 기능. 나는 ng-repeat 버전에서 완벽하게 작동하는 나뭇 가지 루프 버전에서 이상한 기능을 수행합니다. 나는 그것이 단순히 범위 문제라는 느낌을 가지고 있습니다.

ng-repeat은 반복 된 요소에 대한 새로운 범위를 자동으로 만들 것이라고 읽었지만, 물론 이것은 나뭇 가지 루프에서 발생하지 않습니다.

수동으로, 바람직하게는 템플릿에서 독점적으로 반복 요소 당 새 범위를 호출하는 방법은 무엇입니까?

Answer 1

가장 쉬운 방법은 각 요소에 지시문을 추가하는 것입니다. 이 작업은 템플릿에서 수행 할 수 있습니다. 지시문은 새로운 범위를 요청할 수 있습니다 (scope:true 또는 scope:{}). 반복되는 각 요소에는 새로운 범위가 지정됩니다.

당신은 같은 요소에 지시어를 만들 수 있습니다

: 정의, 코드에서 다음

<div mydirective></div> 

지시어 :. = $의 currentscope을

myApp.directive('mydirective',function(){ 
    return { 
     scope: true, 
     link: function(scope, elem, attrs){ 
      // do some scope/element stuff here 
     } 
    } 
});