Javascript AngularJS未在Chrome扩展中渲染
我一直在尝试让AngularJS在我的Chrome扩展中工作,我正在使用ng repeat函数创建一个单词列表 以下是我的Chrome扩展的HTML:Javascript AngularJS未在Chrome扩展中渲染,javascript,angularjs,google-chrome-extension,firebase,Javascript,Angularjs,Google Chrome Extension,Firebase,我一直在尝试让AngularJS在我的Chrome扩展中工作,我正在使用ng repeat函数创建一个单词列表 以下是我的Chrome扩展的HTML: <!DOCTYPE html> <body> <script src="../firebase.js" ></script> <script src="../action.js" ></script> <script src="../angula
<!DOCTYPE html>
<body>
<script src="../firebase.js" ></script>
<script src="../action.js" ></script>
<script src="../angular.min.js"></script>
<script src="browser_action.js" ></script>
<style type="text/css">
#mainPopup {
padding: 10px;
height: 200px;
width: 400px;
font-family: Helvetica, Ubuntu, Arial, sans-serif;
}
h1 {
font-size: 2em;
}
</style>
<div ng-app='myApp'>
<div ng-controller="AppController">
<div ng-repeat="(f1, f2) in steps">
<p> {{f1}} : {{f2}} </p>
</div>
</div>
</body>
var wordThere
只是一个对象,其中包含我从firebase检索到的键值对列表:
var wordThere = {
"alimaniere (ali·manier·e ← manier·o)" : "differently",
"la" : "the",
"milito (milit·o ← milit·i)" : "war",
"mizero (mizer·o)" : "misery",
"reakciulo (reakci·ul·o ← reakci·o)" : "reactionary",
"senfina (sen·fin·a ← fin·i)" : "everlasting",
"tia" : "such, such a, that kind of, that sort of"
};
我使用JSFIDLE测试了代码的AngularJS部分,它似乎运行良好,但当我将所有内容打包到Chrome扩展中时,弹出窗口不会显示任何内容
右键单击工具栏按钮,选择
检查弹出窗口
,检查控制台中的错误消息。另请看谷歌的第一个热门:我添加了NGCSP,但似乎没有任何变化。我的控制台中也没有错误。是的,没有错误消息。我可以输入var angular,这意味着angularjs正在运行尝试,它列出了多种方法。右键单击工具栏按钮,选择Inspect popup
,检查控制台中的错误消息。另请看谷歌的第一个热门:我添加了NGCSP,但似乎没有任何变化。我的控制台中也没有错误。是的,没有错误消息。我可以输入var angular,这意味着angularjs正在运行尝试,它列出了多种方法。
var wordThere = {
"alimaniere (ali·manier·e ← manier·o)" : "differently",
"la" : "the",
"milito (milit·o ← milit·i)" : "war",
"mizero (mizer·o)" : "misery",
"reakciulo (reakci·ul·o ← reakci·o)" : "reactionary",
"senfina (sen·fin·a ← fin·i)" : "everlasting",
"tia" : "such, such a, that kind of, that sort of"
};