2016-04-08 8 views
1

私は大学授業のためにプログラミングしています。私は何が間違っているのか分からないので、ここでポインタを探しています。MEANスタックの新機能、データの取得方法は?

私はデータベースからイベントにアクセスし、サムネイルとして表示しようとしています。どこが間違っていますか?

HTMLコード:

<div class="col-sm-6 col-md-3" ng-repeat="event in EventCtrl.events" ng-controller="EventController as EventCtrl"> 
    <div class="thumbnail tile tile-medium"> 
     <a href="#" data-toggle="modal" data-target="#view-event-modal"> 
      <img id = "eventImg" src="/img/sports.png" alt="Sports"> 
     </a> 
    </div> 

角度コントローラー:

angular.module('EventCtrl', []).controller('EventController', function($http) { 
$http.get("/events") 
.then(function(response) { 
    this.events = {} 
    this.events = response.data; 
}); 

})。

ノード機能:

app.get('/events', function(req, res){ 
    eventData = Event.find({}).toArray(); 
    res.render('events', eventData); 
}); 
+0

ような何かを試してみませんか?はいの場合は、それも投稿してください。 – amanpurohit

+0

コンソールにバグがありません – user1869558

答えて

1

あなたのコントローラは$スコープを操作しなければならない、とあなたのビューには、スコープと対話する必要があります。

は、なぜあなたはあなたのコンソールですべてのエラーを取得していること

angular.module('EventCtrl', []).controller('EventController', function($scope, $http) { 

    $http.get("/events").then(function(response) { 
    $scope.events = response.data; 
    }); 
}); 
+0

私はこれを試しましたが、{{events}}はインデックスファイル全体を印刷して、問題が私が思っていたよりも大きくなるようにしました。おそらく、DBの中にはないのだろうか? – user1869558

+0

インデックスファイル全体ではどういう意味ですか?データベースからすべてのイベントを取得していますか?ブラウザのhttp:// your-app/eventsに入力するとどうなりますか? –

+0

http://oi66.tinypic.com/2dgm7hi.jpgこれが起こりました。私はserver.jsファイルのどこかで、イベントデータの代わりにインデックスファイルが渡されると思います。非常に奇妙な。 – user1869558

関連する問題