從Angular控制器調用外部庫中的函數

Question

我們在網站上放置了一個腳本，用於生成彈出窗口/模態。

模態可以通過調用

ModalObject.Triggeronclick(someModalId)

但是，我無法從Angular控制器調用此函數（並且我需要訪問控制器內的數據和邏輯以觸發調用）。

我試過打電話

window.ModalObject.Triggeronclick(someModalId)

...但是我得到：

"TypeError: Cannot read property 'triggerOnclick' of undefined".

如何從我的應用程序控制器調用此函數？

Answer 1

如果您堅持使用ModalObject而不是特定於角度的模態資源，則應創建一個返回$window.ModalObject的工廠/服務-$ window是角度注入的窗口對象。 然后，您可以將該工廠/服務注入到控制器中。

    app.factory('modalObject', ($window) => {
        return $window.ModalObject
    })

假設ModalObject在窗口對象上可用。

然后將modalObject注入您的控制器。

但是，還有其他一些選項是角度模態：

Answer 2

您可以嘗試將資源添加到index.html並使用以下命令訪問全局變量

(<any>window).document

您通常會打電話給的地方

document