Javascript AngularJS显示为纯文本
我目前在显示angular JS时遇到问题,我不确定我做错了什么,因为它在我的浏览器中只显示为纯文本,并且没有从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"
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