Chrome扩展程序无法使用角度JS

时间:2017-07-24 10:32:38

标签: angularjs google-chrome-extension

我正在开发一个带角度的ERP,其中安装vonage扩展时需要调用每个电话号码。

但是这个扩展无法正常工作,因为angular会在状态更改时创建数据,而我猜测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>

1 个答案:

答案 0 :(得分:1)

事实证明,该扩展通过侦听DOMSubtreeModified事件来检测页面中的更改,该事件由于性能问题而在很久以前就已被弃用。出于某种原因,在您的情况下不会触发此事件。

您可以在页面脚本中明确触发事件:

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