MixItUp с выпадающим фильтром с AngularJs?

Question

MixItUp с выпадающим фильтром с AngularJs?

0

Я пытаюсь использовать MixItUp с AngularJS, который работает нормально с кнопками, но при попытке использовать его с раскрывающимся списком это не так.

<select class="filter" ng-model="selectedCategory"
        ng-options="'.' + cat.id as cat.name for cat in categories track by cat.id">
    <option value="">-- Category --</option>
</select>
<pre>{{ selectedCategory }}</pre>

<div mix-it-up class="container">
    <div class="mix {{widget.categoryId}}" data-myorder="{{widget.name}}" 
         ng-repeat="widget in widgets">
                  {{widget.name}}
    </div>
    <div class="gap"></div>
    <div class="gap"></div>
</div>

http://jsfiddle.net/dp31o591/2/

Whistler 06 нояб. 2015, в 11:25

Источник

Теги:

angularjs

mixitup

1 ответ

Ещё вопросы

Whistler · Answer 1 · 2015-11-06T09-55-00.000Z

Я это понимаю. Просто нужно использовать событие при изменении:

HTML:

<select class="form-control" ng-model="category" ng-change="filterCategory(category)"
ng-options="'.cat' + cat.id as cat.name for cat in categories track by cat.id">
      <option value="" ng-model="category" 
              ng-change="filterCategory(category)">All</option>
           </select>

и контроллер:

$scope.filterCategory = function (cat) {
    cat = cat === null ? 'all' : cat
    $('#sandbox').mixItUp('filter', cat);
};

И что рабочий JSFiddle: http://jsfiddle.net/dp31o591/3/