показать скрытую категорию на основе щелкнутой категории угловой js

86
11

Я хочу показать и скрыть подкатегорию, основанную на выбранной категории. оба из них динамичны, но что-то пошло не так. Вот мой код: -

<div class="expense-categories">
<div class="row">
<div class="col-md-2 col-sm-6 col-xs-6 category_id" ng-repeat="category in mExpenseCategories">
<a href="javascript:void()" ng-click="setActiveCategory(category)">
<div class={{category.class}} ng-class="{active : activeCategory === category}">
<img src={{category.image}} alt="">
<p>{{category.name}}</p>
</div>
</a>
</div>
<div class="col-md-10 col-sm-6 col-xs-12 sub-category-none">
<ul class="sub-category-menu animated fadeInLeft">
<li><a class="category-back btn btn-fab btn-inverse btn-raised" href="javascript:void()"><i class="material-icons">arrow_back</i></a></li>
<li><a class="well" href="javascript:void()">ab</a></li>
<li><a class="well" href="javascript:void()">ab</a></li>
<li><a class="well" href="javascript:void()">ab</a></li>
<li><a class="well" href="javascript:void()">ab</a></li>
</ul>
</div>
</div>
</div>

Код контроллера: -

$scope.setActiveCategory = function(category) {
$scope.activeCategory = category;
$scope.showCategory = category;
$scope.show = category.id;
var mySelectedCategory = angular.element(document.querySelector('.category_id'));
mySelectedCategory.hide();
mySelectedCategory.addClass('display-category');
var subCategory = angular.element(document.querySelector('.sub-category-none'));
subCategory.show();
};

$scope.selectedSubcategory = function() {
var subCategory = angular.element(document.querySelector('.sub-category-none'));
subCategory.hide();
var myCategory = angular.element(document.querySelector('.category_id'));
myCategory.removeClass("display-category");
};

JSON Для категории и подкатегории: -

[{id: 1, name: "cat_1"},{id: 1, name: "cat_2"}]

спросил(а) 2020-04-04T04:32:07+03:00 3 месяца назад
1
Решение
54

Это условие может помочь "{active: activeCategory.id == category.id}"

 <div class={{category.class}} ng-class="{active : activeCategory.id == category.id}">

ответил(а) 2020-04-04T04:44:46.756307+03:00 3 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема