JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/lumapps/lumX/v0.3.96/dist/lumx.css">
<script src="https://cdn.rawgit.com/lumapps/lumX/v0.3.96/dist/lumx.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.3/velocity.js"></script>
<lx-text-field label="lx-text-field label">
  <input type="text" ng-model="text">
</lx-text-field>

<lx-select ng-model="selected" placeholder="lx-select label" choices="choices" floating-label lx-multiple="true" change="selectCallback(newValue,oldValue)">
  <lx-select-selected>
    {{ $selected.x }}
  </lx-select-selected>
  <lx-select-choices>
    {{ $choice.x }}
  </lx-select-choices>
</lx-select>

choices = {{choices}}
selected = {{selected}}

JavaScript

var m = angular.module('app', ['lumx']);

m.run(function($rootScope) {
  $rootScope.text = 'text 1';
  $rootScope.choices = [{x: 'text 2'}, {x: 'text 3'},{x: 'all'}];
  $rootScope.selected = []; //$rootScope.choices[0];
  $rootScope.selectCallback = function selectCallback(values)
    {
        console.log('Old value: ', values.oldValue);
        console.log('New value: ', values.newValue);
        if (values.newValue.x == 'all')
           $rootScope.selected = $rootScope.choices.slice()
    }
});

angular.bootstrap(document, [m.name]);