gpt4 book ai didi

javascript - 使用 Angular 根据表单输入从 MongoDB 中提取数据

转载 作者:行者123 更新时间:2023-12-02 14:26:31 25 4
gpt4 key购买 nike

我是 Angular 和 Mongo 的新手,希望使用 Angular js 从 Mongo 数据库中提取数据,以填充我正在构建的单页网站上的 div。提取哪些数据取决于用户在表单的下拉选项中选择的选项。 Angular 有很多选择,我希望有更多经验的人可以为我指明正确的方向。以下是我的代码的相关部分:

<body ng-app="">
<div id='ad'> </div><!-- to be populated with data from MongoDB -->
<select id='climateZone' ng-model="zone" >
<option value="z3">3</option>
<option value="z4">4</option>
<option value="z5">5</option>
<option value="z6">6</option>
<option value="z7">7</option>
<option value="z8">8</option>
<option value="z9">9</option>
<option value="z10">10</option>
</select>
<button id='Go'><h2>Go!</h2></button>

我希望这样当用户选择这些选项之一并按下“go”按钮时,“ad”div 将填充来自数据库的选项特定信息。

我希望一切都清楚了;任何帮助表示赞赏!

最佳答案

据我所知,你不能直接向 MongoDB 发出 HTTP 请求。相反,您需要一个服务器端实现来为您与数据库进行通信。如果您使用 Node 作为后端,您可以查看 Mongoose:http://mongoosejs.com/

Mongoose 是 MongoDB 的众多库之一,您可以定义模型、进行查询、发布数据等。假设我想根据参数获取数据。首先,您需要一个数据模型:

var Cat = mongoose.model('Cat', { name: String });

然后您就可以开始在数据库连接之上进行操作了。下面的示例应该为您带来所有名为“Toddy”的猫:

var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/myDB');

Cat.find({name: 'Toddy'}, function (err, result) {
if (err) return console.error(err);
console.log(result);
});

也就是说,您可以使用 ngChange 和 ngModel 指令将组合的值放在变量上,并在其更改时做出正确的 react ,如下所示:

<select id='climateZone' ng-model="zone" ng-change="loadData()">
<option value="z3">3</option>
<option value="z4">4</option>
<option value="z5">5</option>
<option value="z6">6</option>
<option value="z7">7</option>
<option value="z8">8</option>
<option value="z9">9</option>
<option value="z10">10</option>
</select>

同时是 $scope 的“zone”和“loadData()”成员。

关于javascript - 使用 Angular 根据表单输入从 MongoDB 中提取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38193753/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com