컨트롤러를 사용하여 스코프 트리를 통해 각도 데이터 전파

Question

저는 Angular를 학습하는 과정에 있으며 조금 문제가 있습니다. 자바 스크립트 개체 내에서 다른 수준을 나타내는 지시문 집합을 만들려고합니다. 객체는 모델의 다른 부분의 상태에 의존하는 여러 가지 속성을 포함합니다. 예를 들어 하위 속성 중 하나가 오류 상태에 있으면 부모도 마찬가지입니다. 나는 매우 단순화 된 예제 HERE을 가지고있다. 어떤 도움이라도 대단히 감사하겠습니다. 특히 누군가가이 예제를 잘못 설명하고 각도 디자인에 대한 높은 수준의 모범 사례에 대한 조언을 제공 할 수 있다면 특히 그렇습니다. 감사.

Answer 1

예제와 관련된 문제는 ng-repeat에서 만든 새 범위와 관련이 있습니다. 나는 아주 자세한 설명은 당신에게 here를 참조하지만, 여기에 테이크 아웃의 것 : 각 항목/반복에 대한

, NG-반복 prototypically 상위 범위에서 상속 새 범위, 을 생성하지만 또한 양수인 새 자식의 새 속성에 항목의 값 범위.

항목이 프리미티브 인 경우 본질적으로 값의 복사본이 새 하위 범위 속성에 할당됩니다. 하위 범위 속성의 값을 변경하면 (즉, ng-model을 사용) 이 아닌은 상위 범위가 참조하는 배열을 변경합니다.

간단한 해결책에는 혼란스러운 문제가 있습니다. 프리미티브 대신 바인딩 가능한 값 개체를 만듭니다. 당신의 예에서

, 여기

scope.innerValues = [{value: 1}, {value:2}, {value:3}]; 

가 귀하의 예제가 작동하도록 수정이야와

scope.innerValues = [1,2,3]; 

대체 : 브릴리언트 http://plnkr.co/edit/IXKk75721MHNsI0zeBEG?p=preview