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

标签 angularjs node.js mongodb express mean-stack

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

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

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

最佳答案

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

  1. 您可以从服务器获取“部分”HTML 片段,或者
  2. 您可以从服务器获取 JSON

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

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

关于angularjs - MEAN stack - 在前端显示来自 MongoDB 的信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27758288/

相关文章:

javascript - 基于相同项目对数组项目进行排序并创建多维数组

angularjs - 传递给 $resource 的 @id 是什么?

java - 尝试从类 org.springframework.data.mapping.PropertyReferenceException 访问类 org.springframework.beans.PropertyMatches

mongodb - 请告知mongoDB中全文搜索的最佳解决方案

angularjs - Nodejs 没有收到 POST 正文

javascript - 通过 Angular http 请求发布文件

node.js - sails 默认模型属性何时获取其值?

node.js - 在 Node 中动态导入语言环境文件

javascript - 如何将值传递给 Jade 模板

MongoDB $从 ObjectID 数组中提取值