HTML-кнопки для фильтрации элементов;уже есть функционирующая панель поиска - PullRequest
Новая
       5

HTML-кнопки для фильтрации элементов;уже есть функционирующая панель поиска

1 голос
/ 20 марта 2019

Я работаю над веб-приложением, предназначенным для хранения спортивных карточек, и у нас уже есть работающая панель поиска.Чтобы упростить пользователю задачу, мы хотим добавить под панель поиска кнопки, которые бы фильтровали спортивные карточки по их виду спорта.В то время как вы можете просто найти «бейсбол», и он сделает то же самое ... клиенту нужен конкретный вид.

Вот наша строка поиска: 

<div class="col-md-12">
    <div class="input-group" id="searchBar">
        <span class="input-group-addon" id="sizing-addon1"><span class="glyphicon glyphicon-search"></span></span>
        <input type="text" class="form-control" placeholder="Search" ng-model="query"/>
    </div>
  </div>

И наша таблица: 

<div class="grid-container">

                <div class="grid-item" ng-repeat="listing in listings | filter:query" >{{listing.playerName}}, {{listing.playerTeam}}
                <br>
                <br>
                <button ng-click="deleteListing(listing._id)">Remove</button>
                <button ng-click="addToCart(listing._id)">Add to cart</button>
                <button ng-click="showDetails(listing._id)" data-toggle="modal" data-target="#exampleModal2">Details</button>
                </div>
        </div>

У меня просто проблемы с определением, что именно должна делать кнопка.Есть ли способ просто жестко закодировать ввод при нажатии кнопки?Нужно ли мне написать новую функцию для фильтрации элементов по типу спорта?

...