AngularJS 和遺留程式碼之間的互通

在AngularJS 與遺留應用程式整合的場景中，需要在AngularJS 和遺留應用程式之間建立通信二。一項挑戰是要求來自舊版應用程式的回調必須附加到 DOM 視窗。本文探討如何解決這個問題並促進 AngularJS 和遺留程式碼之間的有效互動。

要啟用遺留回調，您可以在 AngularJS 可以呼叫的視窗物件中註冊一個函數。例如，在AS3 中：

ExternalInterface.call("save", data);

這將在AngularJS 中呼叫以下函數：

window.save = function(data){
    // Update a service or dispatch an event
}

要從 AngularJS 控制器可以偵聽的遺留應用程式分派事件，建議使用服務。然而，從 AngularJS 外部修改服務需要特別注意。

解決方案是利用 AngularJS 的互通功能。透過存取 DOM 元素的作用域或註入器，您可以與 AngularJS 應用程式進行互動。例如：

angular.element(domElement).scope().$apply(function(){
  // Update angular model or invoke methods
});

總之，啟用AngularJS 和遺留程式碼之間的互通性涉及在視窗物件中註冊回呼、使用服務促進事件分派，以及利用AngularJS 的互通機制從AngularJS 外部存取作用域和注入器。這種方法允許兩個應用程式之間的無縫通信，促進現代網路技術與現有系統的整合。