ng-controller disables filter functionality

[brehouse]

Hi all -

So, The filters work fine until I attach a controller to the container using ng-controller (doing this to grab the data from a JSON file). It does import the data from the JSON file, but the filter buttons no longer function.

HTML (using sample):

<!-- ISOTOPECONTAINER -->
<div class="row">
  <ul id="isotopeContainer" ng-cloak isotope-container ng-controller="QuoteController">
    <li isotope-item ng-repeat="x in xList"  class="kindling {{x.class}}" onClick="removeItem(this)">
       <div class="symbol">{{x.name}}</div>
       <div class="weight" date="{{x.date}}">{{x.date | date}}</div>
       <div class="number" number="{{x.number}}">{{x.number}}</div>
    </li>
</div>

app. js

var demo = angular.module('angular-isotope-demo', [ 
    'ngRoute', 
    'hljs',
    'quoteControllers',
    'iso.directives'
]);

controllers.js

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

quoteControllers.controller('QuoteController', ['$scope', '$http', function($scope, $http) {
    $http.get('data.json').success(function(data) {
        $scope.xList = data;
    });
}]);

There seems to be a conflict with the isotope-container and the ng-controller, but I can't figure out the problem.