我无法提升角度和工作能力。我在jsfiddle尝试了相同的代码并且它有效,所以我在这里很丢失。
在我的工作目录中,我有我的index.html和一个文件夹' js'包含angular.min.js,angular.min.js.map和我的app.js.角度文件今天从angularjs.org(v1.2)下载。
index.html:
<html>.
<head>
<title>The Title</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">.
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body ng-app="page">
<div ng-controller="bodyController">
<h2>{{title}}</h2>
<p>{{description}}</p>
</div>
</body>
</html>
app.js:
function() {
var app = angular.module('page',[]);
app.controller('bodyController', ['$scope', function($scope) {.
$scope.title = 'The food page';
$scope.description = 'Where you get your food and don\'t eat it, too';
}]);
})();
我使用npm http-server工具将工作目录提供给我的localhost,而我在chrome中看到的只是&#39;未评估的&#39;表达式:
{{title}}
{{description}}
它必须与我的设置有关,因为代码是正确的,正如jsfiddle所证明的那样。有人看到明显错误的东西吗?
答案 0 :(得分:3)
查看浏览器的JavaScript控制台。抱怨angular
未定义。
您需要先加载Angular ,然后尝试使用它。
撤消<script>
元素的顺序。