WedX - журнал о программировании и компьютерных науках

AngularJS - скрыть категорию, если элемент из того же не в массиве результатов

Я работаю над фильтром продуктов, и это то, что у меня есть.

$scope.categories = {meat: [array of products], bread: [array of products], drinks: [array of products]}
$scope.filterQuery = '';

Каждая категория имеет свой собственный массив "PRODUCTS" с элементами. Я использую ngRepeat для фильтрации (через filterQuery) по категориям и снова ngRepeat, чтобы показывать продукты внутри категорий.

Мой вопрос: если я использую поле ввода с ngModel для обеспечения фильтрации продуктов, как я могу скрыть категории, если продукты из одного и того же не находятся в массиве результатов?

Мой код внутри компонента:

<div class="component-wrapper" ng-repeat="(key, data) in categories">
CATEGORY
<div class="products" ng-repeat="item in results = (data | filter: filterQuery)">Product</div>

03.04.2017

  • Вы можете создать из него скрипку / плунжер? Не могу понять If I'm using input field with ngModel to provide products filtering 03.04.2017
  • @tanmay Извините, если я не очень ясно выразился, но я нашел решение. Спасибо за ваше время, я очень ценю это. 03.04.2017

Ответы:


1

Поскольку у вас есть продукты, привязанные к results, вы можете проверить их длину во время выполнения и скрыть категорию, используя ng-hide="results.length == 0".

См. работающую демонстрацию.

03.04.2017
Новые материалы

Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..


Для любых предложений по сайту: [email protected]