dimanche 3 décembre 2017

How can we achieve product filter page using angularjs with multi selection of checkboxes?

I have created a tabular page in which i need to filter the table with filters using a left side facets boxes of different category but with multi-selection options and i need to use Angularjs for this requirement.

The UI(HTML) is done but i am facing the trouble in the maintaining the checking and un-checking of the checkboxes which are not clearing off.

Any helping library can help to achieve the same or we need to do some logic around the checkboxes to achieve this.

My checkbox code looks like this:

<div class="facetBx" ng-repeat="(key,value) in filters">
                    <p class="facetBxTitle" ></p>

                    <div class="facetBxChld" id="test" >
                        <ul class="multiselect" style="max-height: 140px;overflow-y: auto;">
                            <li ng-repeat="(k,v) in value">
                                <input type="checkbox" ng-model='isSelected' ng-click='checkItem(key, k, isSelected)'>
                                <span>  ()</span>
                            </li>
                            <li ng-show="value.length == 0">
                                No Data Available.
                            </li>
                        </ul>
                    </div>
                </div>

Below website are the reference of the code which i am trying to build:

www.jabong.com

I believe i need to code something in the ng-model of checkbox to achieve it but i am not able to be successfull so need help on the same.

Thanks in advance.




Aucun commentaire:

Enregistrer un commentaire