2017-07-24 112 views
0

我正在開發一種帶有角度的ERP,當安裝vonage擴展時需要調用每個電話號碼。Chrome擴展功能不能與角JS一起工作

但這個擴展沒有工作,因爲角度創建狀態變化的數據,我猜chromes擴展工程頁面加載事件。 解決此問題的任何解決方法?

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) {  
    $scope.phone= '(123)-2343-2432'; 
}); 
<!DOCTYPE html> 
<html> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-cookies.min.js"></script> 

<body> 

    <div ng-app="myApp" ng-controller="myCtrl"> 
    {{phone}} 
    </div> 

</body> 

</html> 
+0

告訴我們更多關於你是如何實現的擴展功能 - 使用的是內容腳本或注入腳本或背景頁面ü? – Sid

+0

此擴展自動搜索頁面上的電話號碼並在旁邊撥打一個小按鈕進行呼叫。但它不能正常工作,因爲角度在頁面加載後呈現數據。 –

+0

因此,您正在使用內容腳本搜索電話號碼並添加按鈕?通過使用angularjs ?? – Sid

回答

1

原來,延伸通過聽DOMSubtreeModified事件,已被棄用很久以前由於性能問題檢測的頁面變化。出於某種原因,您的情況下不會觸發此事件。

可以明確觸發事件在你的頁面的腳本:

document.dispatchEvent(new Event('DOMSubtreeModified', {bubbles: true}));