각도 범위 함수가 여러 번 실행되었습니다.

Question

범위에 함수를 정의했습니다. 그리고 {{}} 내부의 뷰에서 호출하면 X 번 반복됩니다.

컨트롤러

function testCtrl($scope) { 
    $scope.myFunc = function(name) { 
     return "Hello " + name; 
    } 
} 

HTML

<div>{{myFunc('Joe')}}</div> 

당신이 예에서 볼 수 있습니다 http://jsfiddle.net/rbRvD/2/

또는 Plunker과 : http://plnkr.co/edit/LLQ7cKs2fEoBwv0C5XPE

난이 잘못된 방향으로 이루어집니다 생각 그런데 왜 여러 번 실행됩니까?

Answer 1

귀하의 기능은 10 회 실행됩니다. 왜 10? 왜 안 되니?

대답 is in the docs :

이

시계 리스너가 발광 할 다른 청취자를 트리거 할 수있는 모델을 변경할 수 있습니다. 이는 변경 사항이 감지 될 때까지 감시자를 다시 실행하여 수행됩니다. 다시 실행 반복 제한 은 무한 루프 교착 상태를 방지하기 위해 10입니다.

이 메시지가 나타나면 Angular가 다이제스트를 다시 실행하고 시계를 다시 실행해야한다는 의미로 모델을 변경하고 있음을 의미합니다. 특별한 경우에 페이지에 표시된 카운터를 업데이트하는 함수를 호출하고 있습니다. 카운터 값이 변경되면 카운터 등을 업데이트하는 함수를 호출하는 다이제스트가 다시 실행됩니다.

Angular는 모델을 변경하고 뷰가 해당 변경 사항에 응답하도록하고 (실제로 권장합니다) 다른 방향보다는 오히려.

Answer 2

이것은 예상되는 동작입니다. 각도 표현 ({{expression}})은 각 $digest loop (때로는 루프 당 여러 번)에서 다시 계산됩니다. 이것은 표현이 계산 용어로 가벼워 져야 함을 의미합니다.

그렇다면 표현식 평가로 인해 AJAX 호출이나 다른 집중적 인 또는 비동기식 연산이 발생하지 않아야합니다. 그렇지 않은 경우 결과를 캐싱해야합니다.

Answer 3

AngularJs는 렌더링시 범위 모델을 변경하라는 제안을하지 않습니다. 범위 모델을 변경하려면 컨트롤러 또는 지시문에서 수행하십시오.

보기를 데이터 (이 경우 범위 값) 만 표시하는 위치로 생각하면 데이터 수정은 모두 컨트롤러 또는 지시문에 있어야합니다.