Запрос Среднее JS с формой,

Question

Запрос Среднее JS с формой,

0

Добрый вечер,

Я хочу создать поисковую систему для приложения в JS MEAN.

У меня есть база данных с разными элементами и вы хотите заполнить форму и получить результат всех элементов в другом представлении.

Я не пробовал много, я читал, но я не видел ничего конкретного, что может помочь.

Как передать параметры поиска контроллеру клиента, а затем серверу контроллера и получить результаты в другом представлении?

Онь пытается искать по типу, цвету и от даты к другой.

Все эти данные уже хранятся в базе данных.

Может ли кто-нибудь помочь мне с простым примером транзакции между формой поиска, клиентским контроллером и серверным контроллером?

Elías Hernández 21 авг. 2015, в 06:31

Источник

Теги:

javascript

angularjs

mongodb

express

meanjs

1 ответ

Ещё вопросы

Hibernator · Answer 1 · 2016-06-02T08-18-00.000Z

На всякий случай вам нужен ответ. Я объясню немного. Вы можете увидеть код здесь:

<section ng-controller="BooklistPaginationController" ng-init="init(10)">

....
<div class="row">
<div class="col-xs-12 col-md-12 col-sm-12 col-lg-12">
<div id="filter-panel" class="filter-panel" collapse="searchIsCollapsed">
<div class="panel panel-default">
<div class="panel-body">
<form class="form-inline" role="form">
    <div class="form-group">
    <label class="filter-col" for="pref-search">Texto:</label>
    <input type="text" class="form-control input-sm" id="pref-search" ng-model="text">
    </div><!-- form group [search] -->
    <div class="form-group">
    <label class="filter-col" for="pref-orderby">Orden:</label>
    <select id="pref-orderby" class="form-control" ng-model="order">
    <option ng-repeat="x in optionsOrder" value="{{x.value}}">{{x.text}}</option>
    </select> 
    </div> <!-- form group [order by] --> 
    <div class="form-group">
    <label class="filter-col" for="pref-perpage">Elementos página:</label>
    <select id="pref-perpage" class="form-control" ng-model="itemsPerPage">
    <option ng-repeat="x in optionsItemsPage" value="{{x.value}}">{{x.text}}</option>
    </select> 
    </div> <!-- form group [rows] -->
    <button ng-click="find()" class="btn btn-danger" style="margin-top: 4px;">
    <span class="glyphicon glyphicon-search"></span> Buscar
    </button>
</form>
</div>
</div>
</div>
</div>
</div>

Это мнение. Вы можете увидеть тег html формы, и вы можете искать по тексту, используя порядок и разбивку на страницы. Нам также нужен контроллер, и вы можете увидеть, как вы можете вызвать сервер для выполнения поиска.

angular.module('booklists').controller('BooklistPaginationController',     ['$scope', 'Booklists',
function ($scope, Booklists) {

$scope.searchIsCollapsed = true;

$scope.optionsItemsPage = [
    {text : "10", value : "10"},
    {text : "30", value : "30"},
    {text : "50", value : "50"}
];

$scope.optionsOrder = [
    {text : "Descendente", value : "asc"},
    {text : "Ascendente", value : "desc"}
];

$scope.optionsStatus = [
    {text : "Todos", value : ""},
    {text : "Borrador", value : "draft"},
    {text : "Publicado", value : "public"}
];

$scope.init = function(itemsPerPage){
    $scope.pagedItems = [];
    $scope.itemsPerPage = itemsPerPage;
    $scope.currentPage = 1;
    $scope.status = 'public';
    $scope.order = 'desc';
    $scope.find();
};

$scope.pageChanged = function () {
    $scope.find();
};

$scope.find = function () {

    var query = { page:$scope.currentPage,
                  itemsPerPage:$scope.itemsPerPage,
                  order:$scope.order,
                  status:$scope.status,
                  text:$scope.text
                };

    Booklists.query(query, function (data) {
        $scope.pagedItems = data[0].booklists;
        $scope.total = data[0].total;
    });
};
}
]);