Здраствуйте. подскажите как передать инфу между контролерами.
Мне надо кликнуть на
<div class="slide slick-slide slick-active" ng-click="????" >
<p class="category-title">Платья, юбки</p>
</div>
в контроллере CategoryController , categoriesSection бло
и чтоб в другом (соседнем контроллере) ProductController отрисовались другие товары из product-card. Делал через фабрику - не получаеться. Прошу помощи, спасибо
<div id="container" ng-controller="MainController as main">
<categories-section class="section" ng-controller="CategoryController as tab"></categories-section>
<content-section class="section">
<div class="container" ng-controller="ProductController as productController">
<div class="row">
<div class="col-md-6" ng-repeat="x in productController.productDetails">
<product-card></product-card>
</div>
</div>
</div>
</content-section>
</div>
categoriesSection:
<div class="btn-group btn-switch categories-switch">
<label class="btn btn-success" ng-class="{active:tab.isSet(1)}" ng-click="tab.setTab(1)"> Чистка </label>
<label class="btn btn-success" ng-class="{active:tab.isSet(2)}" ng-click="tab.setTab(2)"> Стирка </label>
</div>
<div ng-show="tab.isSet(1)">
<div class="slide slick-slide slick-active" ng-click="????" >
<p class="category-title">Платья, юбки</p>
</div>
<div class="slide slick-slide slick-active" ng-click="????" >
<p class="category-title">Платья, юбки</p>
</div>
</div>
<div ng-show="tab.isSet(2)">
<div class="slide slick-slide slick-active" ng-click="????" >
<p class="category-title">Платья, юбки</p>
</div>
<div class="slide slick-slide slick-active" ng-click="????" >
<p class="category-title">Платья, юбки</p>
</div>
</div>
product-card
<div class="row">
<div class="col-sm-12 col-xs-6">
<h2 class="product-price">{{x.price * x.counter}}р.</h2>
</div>
<div class="col-sm-12 col-xs-6">
<div class="input-group count-selector">
<div class="counter-value" ng-class="{'not-empty':x.counter > 1 }" > {{x.counter}} <span></span></div>
<span class="input-group-btn">
<button class="btn btn-warning" ng-click="productController.counterInc($index);">+</button>
</span>
</div>
</div>
</div>
var order = angular.module('order', []);
order.controller('MainController', function () {});
order.directive('productCard', function(){
return {
restrict: 'E',
templateUrl: 'product-card.html'
};
});
order.controller('ProductController', function (ProductService) {
this.productDetails = ProductService.getDetails();
var self = this;
this.counterInc = function(index){
self.productDetails[index].counter += 1;
};
this.counterDec = function(index){
self.productDetails[index].counter -= 1;
};
});
order.service('ProductService', function () {
var productDetails = [
{
name : 'Пиджак',
price: '590',
options: {
opt1: 'Химчистка',
opt2: 'Отпаривание'
},
counter: 1
},
{
name : 'Пиджак сложный',
price: '890',
options: {
opt1: 'Химчистка',
opt2: 'Отпаривание'
},
counter: 1
}
];
this.getDetails = function () {
return productDetails;
}
});
order.directive('categoriesSection', function(){
return {
restrict: 'E',
templateUrl: 'categories-section.html'
};
});
order.controller('CategoryController', function () {
this.tab = 1;
this.setTab = function (tabId) {
this.tab = tabId;
};
this.isSet = function (tabId) {
return this.tab === tabId;
};
});
