在数据库中搜索并显示结果Express Node Angular MEAN.js $resource

Search in Database and Display result Express Node Angular MEAN.js $resource

本文关键字:Angular Node MEAN js resource Express 结果 数据库 搜索 显示      更新时间:2023-09-26

我有两个模型分别命名为"牛仔裤"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。我还认为你所有的范围分配都不会起作用,因为你分配了不存在的变量。