来自 Chrome 扩展后台脚本的 AngularJS

2024-04-23

鉴于 Angular 与视图绑定并在主扩展视图中引导,我认为简单的答案是“不,不可能”,但想确认一下,因为我在任何地方都找不到明确的答案。

我的用例是,扩展程序将从 API 轮询更新内容,并在找到时更新扩展程序的徽章;我希望能够从扩展的 Angular 代码库中重复使用我的 API 服务。

如果不可能,有什么建议的解决方法可以在 Angular 扩展和后台脚本之间共享代码吗?


感谢您的输入@Xan、@harish - 根据您的反馈做了更多调查并找到了解决方案。本质上,我不是指向 Chrome 清单中的后台脚本,而是指向后台 HTML 页面,然后用它来引导我的 Angular 应用程序。相关代码:

清单.json:

...
"background": {
    "page": "/app/background.html"
}
...

背景.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>

背景.js

var app = angular.module('MyApp', []);

app.run(function() {
  console.log('Hello world');
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

来自 Chrome 扩展后台脚本的 AngularJS 的相关文章

随机推荐