MongoDBの情報をHTMLで表示

Question

平均的なスタックを使用しているWebサイトで作業していますが、HTMLページにMongoDBのデータをAngularを使って表示しようとしています。しかし、私はそれを行うように見えません。

これは私がこれはデータを取り出す角度の関数である私のHTMLに

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

を表示したいのMongoDBのデータである：私はそれが私の中に表示したい場所です

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：私は（d.data）をCONSOLE.LOG

<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> 

、私はこれを取得：

[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];