Pau*_*ega 4 google-chrome-extension angularjs
鉴于Angular与视图绑定并在主扩展视图中引导,我假设简单的答案是"不,不可能",但我想确认,因为我无法在任何地方找到确定的答案.
我的用例是扩展程序将从API轮询更新的内容,并在找到时更新扩展程序的徽章; 我希望能够从扩展程序的Angular代码库中重用我的API服务.
如果不可能,任何建议的工作区在Angular扩展和后台脚本之间共享代码?
感谢输入@Xan,@ harish - 根据您的反馈做了一些调查,并有解决方案.本质上,我指向一个后台HTML页面,而不是指向Chrome清单中的后台脚本,然后我用它来引导我的Angular应用程序.相关代码:
manifest.json的:
...
"background": {
"page": "/app/background.html"
}
...
Run Code Online (Sandbox Code Playgroud)
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>
Run Code Online (Sandbox Code Playgroud)
background.js
var app = angular.module('MyApp', []);
app.run(function() {
console.log('Hello world');
});
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
2842 次 |
最近记录: |