MEAN stack - 在前端显示来自 MongoDB 的信息

MEAN stack - display information from MongoDB in the front end

我正在尝试构建一个基本的 MEAN 堆栈应用程序,但我对如何在前端显示存储在 mongodb 中的信息感到非常困惑。进行数据库查询然后在视图中显示该查询的既定过程是什么?服务器是否应该发出数据库请求并 angular 显示信息?在所有教程中,我一直在查看 mongodb 和 angular 之间的交互/前端似乎很模糊。

目前(因为我正在设置网球阶梯应用程序)我只想通过查询数据库中的信息在索引页面上显示球员列表。这是正确的做法吗?

对于这个含糊的问题深表歉意,但我真的很难理解这是如何实现的。我最近一直在使用 Rails 作为比较(虽然显然非常不同),在这种情况下,您可以使用 ActiveRecord 查询数据库并为该查询的结果定义一个变量,然后在您的视图中使用该变量来显示数据...

关于Angular.js首先要了解的是,它是一个单页框架,而不是一个整页刷新(多页)框架。因此,如果您要从服务器获取动态数据,有两种方法可以做到这一点。

  1. 您可以从服务器获取 "partial" HTML 个片段,或者
  2. 您可以从服务器获取JSON

或者您可以将两者结合使用(对内容的静态部分使用分词,对数据使用 JSON)。后者是最 Angular.js 的做事方式 - 您获取 JSON 数据并使用 Angular.js 数据绑定来更新 HTML.

我建议您从熟悉 Angular.js 开始。那里有很多教程,这个示例将引导您使用 Yeoman http://www.ibm.com/developerworks/library/wa-mean1/index.html 创建一个 MEAN 应用程序。这应该可以帮助您更好地理解这些概念。