【问题标题】:New to the MEAN stack, how to get data?MEAN 堆栈的新手,如何获取数据?
【发布时间】:2016-07-30 03:49:47
【问题描述】:

我正在为大学作业编程,但我不知道我做错了什么,所以在这里寻找指针。

所以我试图从数据库中访问事件并将它们显示为缩略图。我哪里错了?

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);
});

【问题讨论】:

  • 您的控制台是否出现任何错误?如果是,请也发布。
  • 控制台中没有错误

标签: angularjs node.js mean-stack


【解决方案1】:

您的控制器应该操作 $scope,并且您的视图应该与范围交互。

为什么不尝试这样的事情

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

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

【讨论】:

  • 我刚试过这个,{{events}} 打印出我的整个索引文件,所以问题可能比我想象的要大。数据库中可能有问题?
  • 整个索引文件是什么意思?您正在从数据库中检索所有事件,不是吗?如果您在浏览器中输入 your-app/events 会发生什么?
  • oi66.tinypic.com/2dgm7hi.jpg 这发生了。我认为在我的 server.js 文件中的某处,索引文件而不是我的事件数据被传递。很奇怪。
  • 是的,很奇怪,抱歉我不能更有用了。
  • 感谢您的帮助。显然“当你请求一个找不到的 URL 时,有时会返回默认的 404 内容,在这种情况下是 index.html 页面。”所以我必须仔细检查路由。
猜你喜欢
  • 1970-01-01
  • 2018-03-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-05
  • 2017-11-09
  • 1970-01-01
相关资源
最近更新 更多