Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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显示为纯文本_Javascript_Angularjs_Parsing_Text - Fatal编程技术网

Javascript AngularJS显示为纯文本

Javascript AngularJS显示为纯文本,javascript,angularjs,parsing,text,Javascript,Angularjs,Parsing,Text,我目前在显示angular JS时遇到问题,我不确定我做错了什么,因为它在我的浏览器中只显示为纯文本,并且没有从app2.JS 我将所有依赖项正确地放置在代码中列出的位置,因此我认为我可能在代码中出错了? 我的代码如下 <!DOCTYPE html> <html ng-app="phonecatApp" lang="en"> <head> <title></title> <meta charset="utf-8"

我目前在显示angular JS时遇到问题,我不确定我做错了什么,因为它在我的浏览器中只显示为纯文本,并且没有从
app2.JS

我将所有依赖项正确地放置在代码中列出的位置,因此我认为我可能在代码中出错了?
我的代码如下

<!DOCTYPE html>
<html ng-app="phonecatApp" lang="en">
<head>
    <title></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="PhoneCat">
    <!-- AngularUI Styles -->
    <link rel="stylesheet" href="Content/ui-bootstrap-csp.css" />

</head>


<p>Total number of phones: {{phones.length}}</p>

    <body ng-controller="PhoneListController">

        <ul>
            <li ng-repeat="phone in phones">
                <span>{{phone.name}}</span>
                <p>{{phone.snippet}}</p>
            </li>
        </ul>

    </body>
<script src="scripts/angular.js"></script>
<script src="scripts/angular-ui/ui-bootstrap-tpls.min.js"></script>
<script src="scripts/app2.js"></script>
</html>

您将模块定义为
app

var app = angular.module('phonecatApp', ['ui.bootstrap']);
并在
phonecatApp
模块上定义控制器。因此,请改为:

var phonecatApp = angular.module('phonecatApp', ['ui.bootstrap']);

您将模块定义为
app

var app = angular.module('phonecatApp', ['ui.bootstrap']);
并在
phonecatApp
模块上定义控制器。因此,请改为:

var phonecatApp = angular.module('phonecatApp', ['ui.bootstrap']);

我想你在app2.js中有错误。您应该将
phonecatApp.controller
替换为
app.controller
。因为您已经声明了
var-app=…
,所以您应该使用
app.controller
。希望它能起作用

我认为您在
app2.js
中犯了错误。您应该将
phonecatApp.controller
替换为
app.controller
。因为您已经声明了
var-app=…
,所以您应该使用
app.controller
。希望它能起作用

模块检查一次出现命名问题。替换为phonecatApp

命名问题,模块检查一次。替换为phonecatApp

您的脚本标记没有关闭,任何控制台错误?app2.js:5未捕获引用错误:phonecatApp未定义angular.js:13708错误:[ng:areq]参数“PhoneListController”不是函数,在angular.js:68在assertArg(angular.js:1885)在AssertArgular.js:1895中未定义在$controller(angular.js:10210)在setupControllers(angular.js:9331)在nodeLinkFn(angular.js:9116)在compositeLinkFn(angular.js:8510)在compositeLinkFn(angular.js:8513)在publicLinkFn(angular.js:8390)在angular.js:1756您的脚本标记没有结束,任何控制台错误?app2.js:5未捕获引用错误:phonecatApp未定义angular.js:13708错误:[ng:areq]参数“PhoneListController”不是函数,在angular.js:68在assertArg(angular.js:1885)在assertArgFn(angular.js:1895)在SetupController的$controller(angular.js:10210)中未定义(angular.js:9331)在nodeLinkFn(angular.js:9116)在compositeLinkFn(angular.js:8510)在compositeLinkFn(angular.js:8513)在publicLinkFn(angular.js:8390)在angular.js:1756