我如何设置Angular.js?

时间:2014-11-22 09:19:45

标签: javascript angularjs

我无法提升角度和工作能力。我在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所证明的那样。有人看到明显错误的东西吗?

1 个答案:

答案 0 :(得分:3)

查看浏览器的JavaScript控制台。抱怨angular未定义。

您需要先加载Angular ,然后尝试使用它。

撤消<script>元素的顺序。