2013-11-14 66 views
0

我有一個angularjs視圖,我試圖打印其結果,即使索引和控制檯輸出顯示的數據我不能讓它顯示出來在實際的頁面中。angularjs(1.2.0)不打印結果到頁面

我的控制檯JSON數據的輸出獲得:

[Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object] 
0: Object 
    $$hashKey: "004" 
    _id: Object 
    $oid: "527994c48776385b2e4a6e78" 
    __proto__: Object 
    author: "Undefined author" 
    content: "Undefined content" 
    title: "stfu" 
    __proto__: Object 
1: Object 
    $$hashKey: "005" 
    _id: Object 
    $oid: "52799b0a8776385c490cd268" 
    __proto__: Object 
    author: "adam-stokes" 
    content: "some content here" 
    title: "dieeeee" 

我的控制器代碼:

'use strict';                                                

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

cagewebControllers.controller('IndexCtrl', ['$scope', '$http',                                    
    function($scope, $http) {                                            
     $http.get('http://localhost:9000/entity/page').                                      
     success(function(data, status, headers, config) {                                     
      $scope.pages = data;                                            
      console.log($scope.pages);                                          
     });                                                 
    }                                                  
]); 

我的應用程序代碼:

'use strict';                                                

var cageweb = angular.module('cageweb', [                                         
    'ngRoute',                                                
    'cagewebControllers'                                              
]);                                                   

cageweb.config(['$routeProvider',                                           
    function($routeProvider) {                                             
     $routeProvider.                                              
»   when('/', {                                              
»    templateUrl: 'partials/index',                                         
»    controller: 'IndexCtrl'                                          
»   }).                                                
»   otherwise({                                              
»    redirectTo: '/'                                            
»   });                                                
    }]); 

我的模板部分:

<h1>Pages</h1>                                                
{{pages.length}}                                                
<div ng-repeat="page in pages track by $id(page)">                                       
    page {{$$hashKey}} - {{page.title}}                                          
</div> 

我的模板佈局:

<!DOCTYPE html>                                                
<html ng-app="cageweb">                                              
    <head>                                                  
    <title>{{ title }}</title>                                            
    <link rel='stylesheet' href='/stylesheets/style.css' />                                     
    <script src="javascripts/lib/jquery/jquery-1.10.2.min.js"></script>                                  
    <script src="javascripts/lib/angular/angular.js"></script>                                    
    <script src="javascripts/lib/angular/angular-animate.min.js"></script>                                 
    <script src="javascripts/lib/angular/angular-resource.min.js"></script>                                 
    <script src="javascripts/lib/angular/angular-route.min.js"></script>                                  

    <script src="javascripts/app.js"></script>                                        
    <script src="javascripts/controllers.js"></script>                                      
    </head>                                                 
    <body>                                                  
    <h1>cage-webbbbb</h1>                                             
    <div class="view-container">                                            
     <div ng-view class="view-frame"></div>                                         
    </div>                                                 

    </body>                                                 
</html> 

$ scope.pages確實包含JSON數據,我可以看到的console.log數據($ scope.pages),但不管是什麼原因,我不能得到它的打印在頁面上。即時通訊不知道如果它的東西很容易失蹤,但第二組眼睛將非常感激。

謝謝

+0

生活在'index.html'裏面的HTML嗎? – AlwaysALearner

+0

是的模板佈局是我的index.html – battlemidget

+0

是不是你缺少routeConfig'.html'?我的意思是:'當('/',{templateUrl:'partials/index.html',控制器:'IndexCtrl'})' – Beterraba

回答

0

感謝評論,我能夠縮小我的問題。我可能應該提到應用程序服務器是nodejs和expressjs,使用hogan作爲模板引擎...並且猜測是什麼,hogan使用與角度相同的語法來處理變量:\一旦我切換到ejs,我就能夠打印這一頁。

謝謝!