從簡單的外部javascript代碼訪問AngularJS 1.6組件函數

Question

我需要調用在AngularJS 1.6應用程序的組件中定義的函數，但是我需要在angular應用程序之外的簡單JavaScript代碼中執行此操作。 我怎樣才能做到這一點？

Answer 1

如果您想快速而又骯臟地進行測試，可以使用以下命令從開發者控制台訪問該功能：

scope = angular.element($0).isolateScope();
scope.$ctrl.myFunction();

通過使用right click -> Inspect或在開發人員控制台的元素窗口中單擊元素來選擇組件來設置$0 。

有關更多信息，請參見AngularJS angular.element API參考-jQuery / jqLit​​e Extras

Answer 2

使用標准的事件廣播將為您提供幫助。

在組件內部：

document.addEventListener('trigger-my-method', () => myMethod());

別的地方：

let myEvt = new Event('trigger-my-method'); document.dispatchEvent(myEvt)

編輯：我沒有測試過此解決方案，並且我不深入角度，但它應該工作