Test $locale

by Michael Bazos

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.js"></script>
<div ng-app="demoApp" ng-controller="DemoController">
    <div class="filter-container pull-left">
        <div><span>Instrument</span>

            <div class="form-group">
                <ui-select class="input-search" multiple ng-model="instrument.selected" theme="bootstrap" ng-disabled="disabled" close-on-select="false" title="Select instruments">
                    <ui-select-match placeholder="Select instruments...">{{$item.name}}</ui-select-match>
                    <ui-select-choices repeat="instrument.value as instrument in instruments | filter: $select.search">{{instrument.name}}</ui-select-choices>
                </ui-select>
            </div> <span>Country</span>

            <div class="form-group">
                <ui-select class="input-search" multiple ng-model="country.selected" theme="bootstrap" ng-disabled="disabled" close-on-select="false" title="Select countries">
                    <ui-select-match placeholder="Select countries...">{{$item.name}}</ui-select-match>
                    <ui-select-choices repeat="country.code as country in countries | filter: $select.search">{{country.name}}</ui-select-choices>
                </ui-select>
            </div> <span>Company</span>

            <div class="form-group mbl">
                <label for="company" class="sr-only">Company</label>
                <input id="company" ng-model="company.selected" type="text" value="" placeholder="Search..." class="form-control">
            </div>
        </div>
    </div>
    <!-- <div class="clearfix"></div> -->
    <div style="width:75%; float:right;">
        <div class="results-container"><span><strong class="text-info">{{auditions.length}}</strong> auditions</span>

        </div>
        <ul class="ul-nostyle">
            <li ng-repeat="audition in auditions">
    ...

JavaScript

var demoApp = angular.module('demoApp', []);

demoApp.controller('DemoController', function ($scope) {

    //Auditions array
    $scope.audition = [];
    $scope.auditions = [{
        instrument: 'trumpet',
        country: 'ES',
        closingDate: '29/12/2015',
        company: 'Orquesta Nacional de España',
        title: 'Title 1',
        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus turpis, egestas nec ex in, volutpat sagittis dolor. Ut laoreet blandit mauris, congue imperdiet odio gravida a. Vivamus lectus massa, viverra in felis elementum, vestibulum tincidunt tortor.',
        url: 'http://www.google.es'
    }, {
        instrument: 'trombone',
        country: 'DE',
        closingDate: '29/12/2015',
        company: 'Berlin Philarmonic',
        title: 'Title 2',
        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus turpis, egestas nec ex in, volutpat sagittis dolor. Ut laoreet blandit mauris, congue imperdiet odio gravida a. Vivamus lectus massa, viverra in felis elementum, vestibulum tincidunt tortor.',
        url: 'http://www.google.es'
    }, {
        instrument: 'violin',
        country: 'US',
        closingDate: '29/12/2015',
        company: 'Alabama Symphony',
        title: 'Title 3',
        description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus turpis, egestas nec ex in, volutpat sagittis dolor. Ut laoreet blandit mauris, congue imperdiet odio gravida a. Vivamus lectus massa, viverra in felis elementum, vestibulum tincidunt tortor.',
        url: 'http://www.google.es'
    }];

    //Instruments array
    $scope.instrument = [];
    $scope.instruments = [{
        name: 'Violin',
        value: 'violin'
    }, {
        name: 'Viola',
        value: 'viola'
    }, {
        name: 'Cello',
        value: 'cello'
    }, {
        name: 'Double-Bass',
        value: 'doubleBass'
    }, {
        name: 'Flute',
        value: 'flute'
   ...