在HTML中显示MongoDB信息

Question

我正在使用MEAN堆栈的网站上工作，现在我正尝试使用Angular在我的HTML页面中显示一些MongoDB数据。但我似乎没有把它完成。

这是我想在我的HTML显示MongoDB中的数据

{  
"badkamer" : { 
    "block1" : { 
     "title" : "Badkamer", 
     "content" : "string" 
    } 
    } 
} 

这是角函数检索数据：

app.controller('cityCtrl', function($scope,$http){ 

    $scope.specials = function(){ 
    $scope.special = []; 

    $http.get('/specialdata').then(function(d){ 
    $scope.special = d.data; 
     console.log(d.data); 
    },function(err){ 
     console.log(err); 
    }); 
}; 
}); 

这就是我希望它在显示我的HTML：

<div ng-controller="cityCtrl" ng-init="specials()" ng-bind="special"> 
    <div class="title">{{special.badkamer.block1.title}}</div> 
     <p>{{special.badkamer.block1.content}}</p> 
    </div> 
</div> 

当我CONSOLE.LOG（d.data），我得到这个：

[Object] 
    0: Object 
     badkamer: Object 
     block1: Object 
      content: "Text", 
      title: "Badkamer" 

但是，当我尝试这样，绑定选项一次在我的HTML显示所有的数据。我如何通过使用Angular {{}}标签来使其工作？

Answer 1

从的console.log，你可以看到它的一个数组，所以你需要使用索引，这样，

<div ng-controller="cityCtrl" ng-init="specials()" ng-bind="special"> 
    <div class="title">{{special[0].badkamer.block1.title}}</div> 
     <p>{{special[0].badkamer.block1.content}}</p> 
    </div> 
</div> 

或更改控制器的代码，

$scope.special = d.data[0];