在数据库中搜索并显示结果Express Node Angular MEAN.js $resource
Search in Database and Display result Express Node Angular MEAN.js $resource
我有两个模型分别命名为"牛仔裤"answers"衬衫"它有两个变量"name"answers"color"
我想有一个搜索页面,用户可以通过数据库搜索找到特定颜色或名称的衬衫和牛仔裤。
这个链接可能是一个提示,但我就是不明白类似问题
我有一些东西在这里,但它不工作。如果你能告诉我如何修理,我将不胜感激。谢谢!
视图<section data-ng-controller="AllsController" data-ng-init="find()">
<div class="page-header">
<h1>Alls</h1>
</div>
<div class="Search">
<h2>Search Section</h2>
<select data-ng-model="search1" id="search">
<option value="Model1">Jeans</option>
<option value="Model2">Shirts</option>
</select>
<select data-ng-model="search2" id="search">
<option value="Model1">Jeans</option>
<option value="Model2">Shirts</option>
</select>
<select data-ng-model="variable1" id="variable1">
<option selected="selected">AnyThing</option>
<option value="color1">Blue</option>
<option value="color2">Red</option>
</select>
<select data-ng-model="variable2" id="variable2">
<option selected="selected">AnyThing</option>
<option value="name1">John</option>
<option value="name2">Bob</option>
</select>
</div>
<br></br><br></br>
<h2>Result Section</h2>
<div class="list-group">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Name</th>
<th>Color</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="all in alls">
<td data-ng-bind="all.name"></td>
<td data-ng-bind="all.color"></td>
</tr>
</tbody>
</table>
</div>
控制器;首先,我查看用户选择了哪些属性并将其分配给FindArray然后我看到用户想要搜索哪个模型。(AnyThing表示用户没有选择任何东西)
服务器端控制器
exports.list = function(req, res) {
if (variable1 === "AnyThing")
{
if (variable2 === "AnyThing")
{
FindArray = {};
}else
{
FindArray = { name = variable2 };
}
}else
{
FindArray = { color = variable1 , name = variable2 };
}
if (req.body.search1 === 'Jeans')
{
if (req.body.search2 === 'Shirts')
{
Jeans.find(FindArray).sort('-created').populate('user', 'displayName').exec(function(err, jeans) {
Shirt.find(FindArray).sort('-created').populate('user', 'displayName').exec(function(err, shirts) {
var all = shirts.concat(jeans);
res.jsonp(all);
});
});
}else{
Jeans.find(FindArray).sort('-created').populate('user', 'displayName').exec(function(err, jeans) {
res.jsonp(jeans);
});
}
}else{
Shirt.find(FindArray).sort('-created').populate('user', 'displayName').exec(function(err, shirts) {
res.jsonp(shirts);
});
}
};
资源服务:美元angular.module('alls').factory('Alls', ['$resource',
function($resource) {
return $resource('alls/:allId', { allId: '@_id'
}, {
update: {
method: 'PUT'
}
});
}]);
客户端控制器
angular.module('alls').controller('AllsController', ['$scope', '$stateParams', '$location', 'Authentication', 'Alls', 'Jeans', function($scope, $stateParams, $location, Authentication, Alls, Jeans) {
$scope.find = function() {
$scope.search1 = search1;
$scope.search2 = search2;
$scope.variable1 = variable1;
$scope.variable2 = variable2;
$scope.alls = Alls.query();
};
}]);
服务器端路由
module.exports = function(app) {
var alls = require('../../app/controllers/alls.server.controller');
app.route('/alls').get(alls.list);
};
在我看来,您的路由正在等待get,但是您的$资源正在运行put。我还认为你所有的范围分配都不会起作用,因为你分配了不存在的变量。
相关文章:
- 使用Angular和Node上传文件
- Node.JS, Angular.JS, MySql,Express.JS
- Angular JS和Node路由/布线-仅在页面刷新后显示数据
- Node.js和angular用户授权
- nginx/angular/node.js带有 prerender.io 的根URL
- 从 Node/Express/Angular/PhantomJS 导出带有图表的 PDF 报告
- Angular/Node/Mongoose-呈现帖子,评论,回复
- Node/Angular中的$http GET请求收到了奇怪的响应
- Node-Express-Angular,为什么不加载JS
- 为angular-connect.static和karma安装node.js
- Angular html文件可以'找不到JS控制器[Node.JS/Angular]
- 如何将angular js路由用于node js应用程序
- 使用node/express在angular.js中不工作的路由
- getting confused with firebase,angular, node js
- Angular JS & Node Webkit Routing
- 如何使用 Node/Angular/JavaScript 将多个图像上传到 Amazon AWS S3 存储桶
- 如何在 Angular JS、Node JS、Express 中获取 URL 参数
- 将数据从 Node 发送到 Angular 以用于 ng-repeat 的正确方法
- 需要一个文件中的文件-Angular | Node.js
- 非常简单的angular/node应用程序没有像预期的那样工作