AngularJs代码不起作用

这里，模板

<!DOCTYPE html> 
<html ng-app="projectApp"> 
<head> 
    <meta charset="UTF-8" /> 
    <title>Planning Poker !</title> 
    <script src="resources/static/js/angular-1.2.21/angular.js"></script> 
    <script src="resources/static/js/controllers.js"></script> 
</head> 
<body> 
    <header>Planning Poker</header> 
    <nav> 
     <ul> 
      <li>Add a Project</li> 
      <li>The Project List</li> 
      <li>About</li> 
     </ul> 
    </nav> 
    <section> 
     <div ng-controller="GreetingController"> 
     {{ greeting }} 
     </div> 
     <!--<form method="post" action=""> 
      <p><input type="text" placeholder="Name!"></p> 
      <p><input type="text" placeholder="Mail!"></p> 
      <p><input type="text" placeholder="Password!"></p> 
     </form>--> 
    </section> 
    <footer></footer> 
</body> 
</html>

和控制器：

var projectApp = angular.module('projectApp', []); 

projectApp.controller('GreetingController', ['$scope', function($scope) { 
    $scope.greeting = 'Hola!'; 
}]);

而且，目录结构。

http://i.stack.imgur.com/fWORv.png

结果是

http://i.stack.imgur.com/qfuHg.png

但我希望 “HOLA！”而不是“{{问候}}”

来源

2014-09-01 M.Lobry

控制台发生任何错误？ – khakiout 2014-09-01 09:17:21

有没有任何控制台错误？ – 2014-09-01 09:17:54

将脚本移动到页面的底部。 HTML以线性方式加载。除非你有特定的原因，否则不要将脚本放在页面上方。 – XGreen 2014-09-01 09:18:48

它没有看到angular.js，试图让在线版本，替换你angular.js与“https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js”

来源

2014-09-01 09:42:57

好的问题SRC是固定的。这是一个脚本问题。

<script src="js/angular-1.2.21/angular.js"></script> 
    <script src="js/controllers.js"></script>

确实，它被直接映射到“js”目录。

来源

2014-09-01 09:54:17

AngularJs代码不起作用

回答

相关问题