AngularJS代码在一个代码笔中工作，但在移动时会中断

我有一个用于过滤产品的范围滑块。它在这个代码笔中运行得很好，但是当我将其移动到我的大型产品时，它不会滑动，并且它会破坏我在其下方所有<divs>上的count代码。这是产品的代码笔。

我正在使用可以在这里找到的Rzajac's range slider。

.HTML

  <rzslider
        rz-slider-floor="priceSlider.floor"
        rz-slider-ceil="priceSlider.ceil"
        rz-slider-model="priceSlider.min"
        rz-slider-high="priceSlider.max"
        rz-slider-step="{{priceSlider.step}}"></rzslider>

角

var app = angular.module('plunker', ['rzModule']);
app.controller('MainCtrl', function($scope) {
  $scope.priceSlider = {
    min: 0,
    max: 20,
    ceil: 20,
    floor: 0,
    step: 1
  };  
$scope.products = [
        {
            name: 'one',
                        height: '00'
                    },
          {
            name: 'two',
                        height: '10'
                    },
          {
            name: 'three',
                        height: '20'
                    }
  ];
  $scope.minFilter = function (p) {
        return p.height >= $scope.priceSlider.min;
    };
   $scope.maxFilter = function (p) {
        return p.height <= $scope.priceSlider.max;
    };
});

滑块位于"大小"选项卡中，感谢您的帮助！