Sonalake Multi-Select

Custom AngularJS dropdown selector with checkboxes

Basic Demo

This is a basic demo set up. It gives a quick example of how to use so-multiselect.

Chosen Flavours: {{chosenFlavours.length}}

  • {{item.name}} 
<div so-multiselect
     items="flavourList"
     name="Flavours"
     on-selected="onFlavourSelected(selectedItems)"
     button-class="btn-grey"
></div>
<p>Chosen Flavours: <strong>{{chosenFlavours.length}}</strong></p>
.controller('DemoCtrl', ['$scope', function ($scope) {
    // the selector config
    $scope.flavourList = [{
        key: 'f1',
        name: 'Strawberry'
    }, {
        key: 'f2',
        name: 'Classico'
    }, {
        key: 'f3',
        name: 'Mint'
    }];

    $scope.chosenFlavours = [];

    $scope.onFlavourSelected = function(selectedItem) {
        $scope.chosenFlavours = selectedItem;
    };
}])