angularJS 요소입니다. 콜백 및 범위 $ apply

Question

이 예제에서는 첨부 된 지시문이있는 입력이 있습니다. 이 지시문은 입력 옆에 메시지를 표시하기위한 것입니다. 다른 입력과 메시지를 추가하는 버튼이 있습니다. 일부 메시지가 표시되면 첨부 된 지시문을 사용하여 입력에 초점을 맞춰 메시지를 지워야합니다. http://jsfiddle.net/viro/WBqxf/

그래서 고립 된 모델로 지시문을 가지고 있으며, 지시어가있는 요소가 포커스를 맞추면 모델을 업데이트하려고합니다. 내가 범위에서 이벤트 콜백을 포장해야 할 것 같다 $ I 모델 업데이트 할 경우에 적용됩니다.

element.on('focus',function(){ 
    scope.$apply(function(){ 
     console.log("focus !"); 
     scope.tstMsg=[]; 
    }) 
}); 

나는 내가 jqlite 이벤트 콜백와 I를 사용하고 있기 때문에 적용 $ 그것을에서 포장이 있다고 가정을 "외부"angularJS를 실행한다고 생각하지만 문서에 명시되어 있지는 않습니다.

맞나요? 아니면 해킹입니까?

더 좋은 방법이 있습니까?

Answer 1

scope. $ apply를 실행하면 $ digest가 실행되어 스코프의 모든 관찰자가 변경 사항을 확인하고 적절한 경우 실행합니다. 이 컨텍스트에서 $ apply를 적용하면 이벤트 (단지 addEventListener/attachEvent를 적절히 수행하는 것)에 바인딩하는 것입니다.

Answer 2

Thrid 파티 라이브러리를 사용하고 변경을 수행 할 때마다 $apply()을 호출하여 각도를 알려야합니다.

@charlietfl가 NG 초점도 쉽게 언급 한 바와 같이 :

CONTROLER

$scope.focus = function() { 
    // Do something 
} 

HTML

<input ng-model="inp" tst-msg="message" ng-focus="focus()" /> 

는 참조 jsFiddle