在 Google Chrome 扩展中使用 AngularJS答案

【问题标题】：Using AngularJS in a Google Chrome extension在 Google Chrome 扩展中使用 AngularJS
【发布时间】：2012-07-05 01:44:22
【问题描述】：

我正在尝试在扩展弹出窗口中使用 Google 开发人员 AngularJS 库，但出现错误。

错误：此上下文不允许从字符串生成代码在函数（未知来源）在 Jb (chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:74:18) 在 k (chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:62:357) 在 Jc (chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:64:37) 在 Lc (chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:69:166) 在 chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:74:241 在 chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:51:270 在 F (chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:47:339) 在 X (chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:39:390) 在 t (chrome-extension://jambnlbfljcfpomlclcgphfmkjfiphkb/lib/angular.js:38:286)

为 Google Chrome 插件清单文件编写以下 content_security_policy 指令的正确方法是什么？：

"content_security_policy": "default-src 'self'; script-src 'unsafe-eval' 'unsafe-inline'; style-src 'unsafe-inline'",

目前它正在抛出一个错误...

【问题讨论】：

标签： google-chrome-extension angularjs

【解决方案1】：

您必须在 Angular 中使用 CSP 模式才能进入 Chrome 扩展程序。见：https://github.com/angular/angular.js/issues/893

基本上你必须将你的应用声明为：

<html ng-app="" ng-csp>

【讨论】：

【解决方案2】：

<html ng-app="" ng-csp> 在 chrome-extension://*.xhtml 文件中导致 Chrome stable M21 出错。

<html ng-app="" ng-csp=""> 似乎有效。

【讨论】：

那是因为有问题的文档是 XHTML。 XHTML 是 XML，XML 不允许没有值的属性。