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代碼不起作用

回答

相關問題