<div class="row panel">
  <span>
    <input ng-model="nameFilter" ng-change="resetMaxItems()" type="search"/>
  </span>
  <span class="button" ng-click="addContainer()">New Container</span>
  <span class="button center success" dump-dialog>Dump!</span>
  <span class="button right" ng-click="toggleMode()">{{ modeText }}</span>
</div>

<div
  infinite-scroll="infiniteScroll()"
  infinite-scroll-distance="2"
  class="small-12 columns">
  <div
    ng-repeat="container in containers | filter: { name: nameFilter } | limitTo: maxItemsShown track by container._id"
    class="fade small-6 columns">
    <div container/>
  </div>
</div>

<div class="row panel">
  <span>
    <input ng-model="nameFilter" ng-minlength="2" ng-change="resetMaxItems()" type="search"/>
  </span>
  <span class="button" ng-click="addContainer()">New Container</span>
  <span class="button center success" dump-dialog>Dump!</span>
  <span class="button right" ng-click="toggleMode()">{{ modeText }}</span>
</div>

<div
  infinite-scroll="infiniteScroll()"
  infinite-scroll-distance="2"
  class="small-12 columns">
  <div
    ng-repeat="container in containers | filter: { name: nameFilter } | limitTo: maxItemsShown track by container._id"
    class="fade small-6 columns">
    <div container/>
  </div>
</div>

Use ngMinlength to filter containers
Use ngMinlength to filter containers
