Выборка jq и Angular

282

29 сентября 2017, 18:28

У меня есть таблица, данные там формируются с помощью ng-repeat.

Есть фильтры и сортировка. При загрузке страницы у меня срабатывает скрипт, в котором моя выборка в jQ:

($('a[name=modal]').click(function(e){var id = $(this).attr('href');})

и дальше я в jQ делаю:

$(id).fadeIn(1300);

чтобы элемент появился.

Данный элемент (div с $(id)) динамически меняет id и содержимое, в таблице, которую формирует Angular.

Так вот, при активации любого фильтра всё ещё работает, а при сбросе фильтра jQ отображает только те элементы, которые показывались в выборке при фильтрации.

Если не понятно, могу дополнить. Не понимаю, почему выборка не обновляется и как её принудительно обновить.

Answer 1

Почему бы не реализовать фильтры и сортировку средствами angular, а не jquery?

Пример:

var filterApp = angular.module( 'filterApp', [] ); 
 
filterApp.controller( 'filterController', function ($scope){ 
	$scope.origins = [ 
  	{name : "Apple", type : "fruit"}, 
    {name : "Orange", type : "fruit"}, 
    {name : "Potato", type : "vegetable"} 
  ]; 
   
  $scope.items = $scope.origins; 
   
  $scope.filter = function ( itemtype ) { 
  	var tmp = []; 
     
    for( var i = 0; i < $scope.origins.length; i++ ) { 
    	if( $scope.origins[i].type == itemtype ){ 
      	tmp.push( $scope.origins[i] ); 
      } 
    } 
     
    $scope.items = tmp; 
  } 
} );

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
<div class="app" ng-app="filterApp"> 
  <div class="ctrl" ng-controller="filterController"> 
    <button ng-click="filter('fruit')">Fruit</button> 
    <button ng-click="filter('vegetable')">Vegetable</button> 
    <div class="item" ng-repeat='item in items'> 
      Name: {{item.name}}<br /> 
      Type: {{item.type}}<br /> 
      <hr /><br /> 
    </div> 
  </div> 
</div>

Answer 2

@bald Спасибо большое за наводку, написал функцию в angular и через ng-click выполняю функцию, куда передаю ID дива, подставляю нужное значение и отображаю нужный мне DIV..

jq тут по сути тогда откидывается, по крайне мере на ближайшее время.. Всем отличного дня! :-)