Angularjs ng repeat中数据的输入范围筛选器

我只想过滤我的数据，以显示我所有的葡萄酒以上的价值，我必须把我的输入范围。我应该用自己的javascript和html写些什么

所以我用了这个数据之王：

 "wine": [
            {
                "id": 1,
                "image": "../image/wine1.png",
                "name": "wine1",
                "price": 115000,
                "pts": 12000
                },
            {
                "id": 2,
                "image": "../image/wine2.png",
                "name": "wine2",
                "price": 120000,
                "pts": 10000

            }
]

我使用了这个html：

  <input type="range" min="0" max="300000"     />

  <div  ng-repeat="wine in wines ">
                    <img ng-src="{{wine.image}}"  />
                    <p >{{wine.name | uppercase}}</p>
                    <p>{{wine.price | number}} LBP</p>
                    <p >{{wine.pts | number}} PTS</p>

                </div>

{{wine.name |大写}

{{wine.price | number}}LBP

{{wine.pts | number}}pts

要过滤价格，请按如下方式使用：

<input ng-model="range.price" min="0" max="300000" value="2500"    />

<div  ng-repeat="wine in wines | filter:search">
    <img ng-src="{{wine.image}}"  />
    <p >{{wine.name | uppercase}}</p>
    <p>{{wine.price | number}} LBP</p>
    <p >{{wine.pts | number}} PTS</p>
</div>

{{wine.name |大写}

{{wine.price | number}}LBP

{{wine.pts | number}}pts

要过滤价格，请按如下方式使用：

<input ng-model="range.price" min="0" max="300000" value="2500"    />

<div  ng-repeat="wine in wines | filter:search">
    <img ng-src="{{wine.image}}"  />
    <p >{{wine.name | uppercase}}</p>
    <p>{{wine.price | number}} LBP</p>
    <p >{{wine.pts | number}} PTS</p>
</div>

{{wine.name |大写}

{{wine.price | number}}LBP

{{wine.pts | number}}pts

只需将模型添加到输入值中，并将模型传递给过滤器指令，如下所示：

{{wine.name |大写}

{{wine.price | number}}LBP

{{wine.pts | number}}pts

var-app=angular.module（'myApp'，[]）；
app.controller（'validateCtrl'，函数（$scope）{
$scope.wines=[
{
“id”：1，
“image”：“./image/wine1.png”，
“名称”：“wine1”，
“价格”：115000，
“临时秘书处”：12000
},
{
“id”：2，
“image”：“./image/wine2.png”，
“名称”：“wine2”，
“价格”：30万美元，
“临时秘书处”：10000
},
{
“id”：2，
“image”：“./image/wine2.png”，
“名称”：“wine2”，
“价格”：12万美元，
“临时秘书处”：10000
}
]
});

只需将模型添加到输入值中，并将模型传递给过滤器指令，如下所示：

{{wine.name |大写}

{{wine.price | number}}LBP

{{wine.pts | number}}pts

var-app=angular.module（'myApp'，[]）；
app.controller（'validateCtrl'，函数（$scope）{
$scope.wines=[
{
“id”：1，
“image”：“./image/wine1.png”，
“名称”：“wine1”，
“价格”：115000，
“临时秘书处”：12000
},
{
“id”：2，
“image”：“./image/wine2.png”，
“名称”：“wine2”，
“价格”：30万美元，
“临时秘书处”：10000
},
{
“id”：2，
“image”：“./image/wine2.png”，
“名称”：“wine2”，
“价格”：12万美元，
“临时秘书处”：10000
}
]
});

您需要根据过滤器范围创建子数组，然后您可以在ng Repeat中使用该子数组，这就是问题所在。。如何创建？您需要根据您的筛选范围创建子数组，然后您可以在ng Repeat中使用该子数组，这就是问题所在。。怎么做？还有javascript？这是angularjs代码，你不需要做任何事情。AngularJS将在您在输入框中键入时将其作为筛选列表来处理。anw ng model=“search.price”*********我已经向您指出了如何操作。如果你做得好，请不要忘记投票并标记为正确答案。还有javascript？这是angularjs代码，你不需要做任何事情。AngularJS将在您在输入框中键入时将其作为筛选列表来处理。anw ng model=“search.price”*********我已经向您指出了如何操作。请不要忘记投票，如果答案正确，请标记为正确答案。我应该把最小值和最大值放在一个范围内吗？？因为我想从0到13000，例如，我应该把最小值和最大值放在一个范围内吗？？因为我想把从0到13000，举个例子