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

我有一个范围滑块，用于过滤产品。它在这方面工作得非常好，但是当我把它移到我的大型产品上时，它不会滑动，它会破坏它下面所有

上的

计数。这是产品的说明书

我正在使用可以找到的Rzajac的范围滑块

HTML



棱角的

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;
    };
});

var-app=angular.module（'plunker'，['rzModule']）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.priceSlider={
分:0,，
最高：20，
中欧：20，
楼层:0,，
步骤：1
};  
$scope.products=[
{
名称：“一”，
高度：'00'
},
{
姓名:"两",，
身高：'10'
},
{
姓名:"三",，
身高：'20'
}
];
$scope.minFilter=函数（p）{
返回p.height>=$scope.priceSlider.min；
};
$scope.maxFilter=函数（p）{
return p.height您在第一个代码笔中使用的是Angular 1.2.4，在第二个代码笔中使用的是Angular 1.0.7。较老的Angular抱怨它不理解您的指令：

Error: Invalid isolate scope definition for directive rzslider: =?

您在第一个代码笔中使用Angular 1.2.4，在第二个代码笔中使用Angular 1.0.7。较旧的Angular抱怨它不理解您的指令：

Error: Invalid isolate scope definition for directive rzslider: =?

哇，有时候我觉得自己太傻了。哈哈，谢谢你的帮助！我在第二个版本中有Angular 1.2.4，但只有触摸版，我一定错过了1.0.7版。我会尽快接受你的答案。嘿，没问题。我们有时都会忽略简单的事情。很高兴帮忙！）哇，有时候我觉得自己太傻了。哈哈，谢谢你的帮助！我在第二个版本中有Angular 1.2.4，但只有触摸版，我一定错过了1.0.7版。我会尽快接受你的答案。嘿，没问题。我们有时都会忽略简单的事情。很高兴帮忙！）