鉴于Angular已绑定到视图并在主扩展视图中引导,我认为简单的答案是“否,不可能”,但我想确认一下,因为我无法在任何地方找到确定的答案。
我的用例是,扩展将轮询API中的更新内容,并在找到扩展时更新扩展的标志。我希望能够从扩展的Angular代码库中重新使用我的API服务。
如果不可能,在Angular扩展和后台脚本之间共享代码的建议解决方法是什么?
感谢您提供@ Xan,@ harish的输入-根据您的反馈进行了更多调查,并找到了解决方案。本质上,我不是指向Chrome清单中的后台脚本,而是指向后台HTML页面,然后使用该页面来引导Angular应用程序。相关代码:
manifest.json:
...
"background": {
"page": "/app/background.html"
}
...
background.html
<!DOCTYPE html>
<html lang="en" ng-app="MyApp" ng-csp>
<head>
<title>Background Page</title>
<meta charset="UTF-8">
<script type="text/javascript"
src="/app/components/angular/angular.js"></script>
<script type="text/javascript"
src="/app/scripts/background.js"></script>
</head>
<body></body>
</html>
background.js
var app = angular.module('MyApp', []);
app.run(function() {
console.log('Hello world');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句