angular-isotope icon indicating copy to clipboard operation
angular-isotope copied to clipboard

Checkbox Example?

Open that1guy opened this issue 10 years ago • 2 comments

Bootstrap buttons perform filters as expected.

<button opt-kind ok-key="filter" ng-attr-ok-sel="{{ priceFiltered ? '' : '.hasPrice' }}" class='btn btn-default' ng-model="priceFiltered" ng-click="priceFiltered = !priceFiltered">Must have price</button>

I cannot get checkbox or option elements to work for the life of me.

<input type="checkbox" ng-model="priceFiltered" opt-kind ng-attr-ok-sel="{{ priceFiltered ? '' : '.hasPrice' }}{{ imageFiltered ? '.hasImage' : '' }}" ok-key="filter">

Can you provide an example of how to trigger filter via checkbox or option element. Thanks!

that1guy avatar Jan 17 '15 07:01 that1guy

I'm having this issue too, can't find a solution yet.

davidtwco avatar Mar 01 '15 15:03 davidtwco

Hi, I think this is the solution for filtering with checkboxes $scope.filtersChange = function(){ var checkboxes = document.querySelectorAll('.filters input'); var container = $('#iso-cont'); var filters = []; // get checked checkboxes values checkboxes = Array.prototype.slice.call(checkboxes); checkboxes.filter(function(key){ if(key.checked) return true; }).forEach(function(item){ filters.push('._' + item.value); }); filters = filters.join(', '); container.isotope({ filter: filters }); };

rozanovz avatar Mar 09 '16 11:03 rozanovz