Я бы обернуть всю функциональность внутри родительского контроллера с изменением вкладки и категории выберите функции внутри этого родительского контроллера (дочерние прицелы наследуют это), так что переменные сферы применения могут быть разделены вниз для фильтров и упорядочить по:
материалы для чтения на контроллере Наследование: http://docs.angularjs.org/guide/dev_guide.mvc.understanding_controller
Демо: http://plnkr.co/edit/rh3wGYhuoHSHJEa4PoQi?p=preview
HTML:
<div ng-controller="ListController">
<div class="categories" ng-controller="CategoryController">
<ul ng-repeat="category in categories">
<li ng-click="sendCategory(category)">{{category.name}}</li>
</ul>
</div>
<div class="tabs" ng-controller="tabsController">
<ul>
<li ng-click="tab(1)">Recent items</li>
<li ng-click="tab(2)">Popular items</li>
</ul>
</div>
<div class="container">
<div class="left" ng-controller="ItemController">
<div class="itemList">
<div class="item" ng-repeat="item in items | filter:search | orderBy:sort">
<h3 ng-click="viewDetail(item)">{{item.title}} - {{item.date}}</h3>
<p>{{item.description}}</p>
<a ng-click="viewDetail(item)">View full item details</a>
</div>
</div>
</div>
</div>
</div>
Вот родительский контроллер:
myApp.controller('ListController', function($scope, $route, $location, $http, Categories){
$scope.sort = function(item) {
if ( $scope.orderProp == 'date') {
return new Date(item.date);
}
return item[$scope.orderProp];
}
$scope.sendCategory = function(category) {
// How can I pass this value to ItemController?
$scope.search =category.name;
};
$scope.orderProp='date';
$scope.tab = function (tabIndex) {
//Sort by date
if (tabIndex == 1){
//alert(tabIndex);
$scope.orderProp='date';
}
//Sort by views
if (tabIndex == 2){
$scope.orderProp = 'views';
}
};
})
** Обновление **
Я обновил контроллер правильно сортировать даты, так как они должны быть разобраны первый.
вы можете использовать | orderBy: orderProp ниже пример может помочь вам фильтровать и сортировать http://angular.github.io/angular-phonecat/step-7/app/#/phones –