oi.select playground

var app = angular.module('selectDemo', ['ngResource', 'oi.select']);

app.factory('ShopArr', function ($resource) {
    return $resource('shopArr.json', {}, {
        query: {method: 'GET', cache: true, isArray: true}
      }
    );
  })

app.controller('MainCtrl', function($scope, ShopArr, oiSelect) {
  $scope.version = oiSelect.version.full;
  
  $scope.shopArr = ShopArr.query();
  
  $scope.bundle = [{
            "id": 5,
            "name": "shirt",
            "category": "clothes"
        },{
            "id": 2,
            "name": "shoes",
            "category": "shoes"
        }];
});

<!DOCTYPE html>
<html ng-app="selectDemo">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <link data-require="bootstrap@3.3.5" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
    <link rel="stylesheet" href="//rawgit.com/tamtakoe/oi.select/master/dist/select.css" />
  
    <script>document.write('<base href="' + document.location + '" />');</script>
    <script data-require="angular.js@1.4.x" src="https://code.angularjs.org/1.4.3/angular.js" data-semver="1.4.3"></script>
    <script data-require="angular-resource@1.4.3" data-semver="1.4.3" src="https://code.angularjs.org/1.4.3/angular-resource.js"></script>
    <script src="//rawgit.com/tamtakoe/oi.select/master/dist/select-tpls.js"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl" class="container row">
    <div class="col-xs-8">
      <h3><a href="//tamtakoe.github.io/oi.select/">oi.select</a> playground <small>v {{version}}</small></h3>
      
      <oi-select oi-options="item.name for item in shopArr | limitTo:3 track by item.id"
        ng-model="bundle"
        multiple
        placeholder="Select"></oi-select>
        
      <br/>
        
      <oi-select oi-options="item.name for item in shopArr track by item.id"
        ng-model="bundle"
        multiple
        multiple-limit="3"
        placeholder="Select"></oi-select>
    </div>
  </body>

</html>

[
    {
        "id": 1,
        "name": "sneakers",
        "category": "shoes",
        "disabled": true
    },{
        "id": 2,
        "name": "shoes",
        "category": "shoes"
    },{
        "id": 3,
        "name": "slippers",
        "category": "shoes"
    },{
        "id": 4,
        "name": "boots",
        "category": "shoes",
        "disabled": true
    },{
        "id": 5,
        "name": "shirt",
        "category": "clothes",
        "disabled": true
    },{
        "id": 6,
        "name": "jacket",
        "category": "clothes"
    },{
        "id": 7,
        "name": "T-shirt",
        "category": "clothes"
    },{
        "id": 8,
        "name": "pants",
        "category": "clothes"
    },{
        "id": 9,
        "name": "jeans",
        "category": "clothes"
    },{
        "id": 10,
        "name": "cap"
    },{
        "id": 11,
        "name": "belt"
    }
]