0

我有一个 angularjs 视图,我正在尝试打印它的结果,即使索引和控制台输出显示了数据,我也无法让它显示在实际页面中。

我收到的 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) 查看数据,但无论出于何种原因,我都无法将其打印在页面本身上。我不确定它是否容易丢失,但第二双眼睛将不胜感激。

谢谢

4

1 回答 1

0

感谢评论,我能够缩小我的问题范围。我可能应该提到应用程序服务器是 nodejs 和 expressjs 使用 hogan 作为模板引擎......你猜怎么着,hogan 使用与 angular 相同的语法来处理变量:\ 一旦我切换到 ejs,我就能够打印到这页纸。

谢谢!

于 2013-11-14T15:23:39.217 回答