angularjs : ng-repeat시 스코프 멤버를 설정하는 동안 문제가 발생했습니다.

Question

매우 괴상한 문제가 있습니다. 문제를 해결할 방법을 찾지 못했습니다.

시스템 메뉴에서 $ category.categoryId를 사용하여 현재 카테고리를 가리 킵니다.

ng-repeat through 카테고리에서 ng-click을 사용하여 현재 카테고리를 설정했지만 작동하지 않습니다. 독립형 태그를 추가하면 더욱 이상합니다.

<!-- click manages to inc --> 
<p ng-click="categoryId = categoryId+1">++ : {{categoryId}}</p> 

<!-- click doesn't manage to inc --> 
<p 
    ng-repeat="c in categories" 
    ng-click="categoryId = categoryId+1"> 
     {{$index}} : {{categoryId}} 
</p> 

어떤 생각을 다음과 같이

코드는 무엇입니까?

Answer 1

내가보기에 하나의 사실은 클래스 "ng-scope"가 중계기에는 있지만 독립형 p 태그에는 없다는 사실입니다. 무슨 뜻이에요?

겨-반복

카테고리 ID는 부모 범위를 참조해야 새로운 범위를 만듭니다.

<!-- click doesn't manage to inc --> 
    <p 
     ng-repeat="c in [1,2,3]" 
     ng-click="$parent.categoryId = $parent.categoryId+1"> 
      {{$index}} : {{$parent.categoryId}} 
    </p> 

Answer 2

ng-repeat는 새로운 범위를 만듭니다. 다음과 같이이에 대한 가능한 해결책 해당 개체의 속성으로이 "카테고리 ID를"컨트롤러에서 개체를 만든 다음 매핑하는 것입니다

문제의 원인이 될 수 있습니다

//In Controller var dummyObj = new Object(); dummyObj.categoryId = //some value

//In View <p ng-repeat="c in categories" ng-click="dummyObj.categoryId = dummyObj.categoryId+1"> {{$index}} : {{dummyObj.categoryId}} </p>

이것은 직면 한 문제를 해결합니다.