AngularJS 서비스 및 컨트롤러가 외부 코드와 상호 작용할 수 있습니까?

레거시 코드에서 AngularJS 호출

Flex 앱의 콜백을 DOM 창에 연결하여 AngularJS를 레거시 Flex 애플리케이션과 통합하려고 합니다. . 이를 달성하기 위해 AngularJS 컨트롤러가 수신할 수 있는 서비스를 만들 수 있습니다. 하지만 AngularJS 외부에서 서비스를 업데이트할 수 있고 컨트롤러가 서비스에서 이벤트를 수신할 수 있나요?

해결책:

외부 코드에서 AngularJS에 액세스하는 것은 디버깅과 유사합니다. 또는 타사 라이브러리와 통합합니다. DOM 요소와 상호작용하는 방법은 다음과 같습니다.

• angular.element(domElement).scope(): 요소의 현재 범위를 검색합니다.
• angular.element(domElement).injector(): 현재 앱 인젝터를 획득합니다.
• angular.element(domElement).controller(): ng-controller 인스턴스를 획득합니다. .

인젝터를 사용하면 Angular 애플리케이션의 모든 서비스에 접근할 수 있습니다. 마찬가지로, 범위에서 게시된 모든 메서드를 호출할 수 있습니다.

$apply():

$scope.$apply(function(){
  // Perform model changes or method invocations on the Angular app here.
});

에서 모델 조정이나 범위 메서드 호출을 래핑해야 한다는 점을 기억하세요.

위 내용은 AngularJS 서비스 및 컨트롤러가 외부 코드와 상호 작용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!