ng.multipleSelect

Materialize Css multiple select

Bower install de dependency

$ bower install ng.multipleSelect --save

Module AngularJS include

angular.module('example', ["ngMultipleSelect"]);

Implementation

Inside the HTML view:

<ng-multiple-select ng-model="options" ng-disabled="notActive"></ng-multiple-select>

Inside the Controller:

angular.module('example').controller('ExampleController', function () {

    this.options = [
      {value: '1', label: 'Obi-Wan Kenobi', checked: false}, 
      {value: '2', label: 'Qui-Gon Jinn', checked: false}, 
      {value: '3', label: 'Plo Koon', checked: false}, 
      {value: '4', label: 'Yoda', checked: false}
    ];
    
    this.notActive = false;
});

Parameters

| Name | Type | Dinamic | Mandatory | Description | | ------------ | ------- | ------- | --------- | ------------------------------------------------------------ | | ng-model | Array | true | true | Scope of the attribute that will be the model | | ng-disabled | Boolean | true | false | Set multipleSelect to readOnly |

Metrics