2014-11-22 65 views
-1

我很難得到角度和工作。我在jsfiddle嘗試了相同的代碼,它工作,所以我很迷茫。如何設置Angular.js?

在我的工作目錄中,我有我的index.html和一個包含angular.min.js,angular.min.js.map和我的app.js的文件夾'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';   
    }]);                    

})(); 

我服務使用HTTP NPM服務器工具的工作目錄到我的本地主機,而我在看到鉻是'未評估'的表達:

{{title}} 
{{description}} 

它必須是我的設置,因爲代碼是正確的pro通過jsfiddle。有人看到明顯的錯誤?

+0

angular.js不加載檢查其路徑..檢查瀏覽器控制檯中的錯誤 – harishr 2014-11-22 09:21:02

回答

3

查看您的瀏覽器的JavaScript控制檯。它會抱怨angular未定義。

您需要加載角之前您嘗試使用它

顛倒你的<script>元素的順序。