2017-07-24 61 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}));