Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS未在Chrome扩展中渲染_Javascript_Angularjs_Google Chrome Extension_Firebase - Fatal编程技术网

Javascript AngularJS未在Chrome扩展中渲染

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

我一直在尝试让AngularJS在我的Chrome扩展中工作,我正在使用ng repeat函数创建一个单词列表

以下是我的Chrome扩展的HTML:

<!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"
};