【问题标题】:MEAN stack - display information from MongoDB in the front endMEAN stack - 在前端显示来自 MongoDB 的信息
【发布时间】:2015-03-01 17:41:17
【问题描述】:

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

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

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

【问题讨论】:

    标签: angularjs node.js mongodb express mean-stack


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 感谢 unobf,这对我创建应用程序非常有帮助!
    猜你喜欢
    • 2017-07-24
    • 1970-01-01
    • 2018-11-19
    • 1970-01-01
    • 2017-06-15
    • 1970-01-01
    • 1970-01-01
    • 2020-09-17
    • 1970-01-01
    相关资源
    最近更新 更多