AngularJS过滤器距离与输入文本框

时间:2015-05-18 22:29:35

标签: javascript angularjs angular-filters

任务 省略大于指定距离的重复值(例如:3kms)。

我使用Angular Filter并使用省略。

以下代码运行正常。它会移除距离大于3公里的ng-repeat值。

// Caret
run("^to-da.*", "to-dallas");          => Matches "to-dallas"
run("^to-da.*", "newyork-to-dallas1"); => No match (not at the beginning)
run("^to-da.*", "n1");                 => No match

我尝试使用按钮实现相同的目标

|omit:'distance > 3'

如果问题不明确,我会尽力创建一个jsFiddle。

1 个答案:

答案 0 :(得分:0)

从为Angular过滤器和描述提供的文档中,如果您有一些集合并希望根据distance对每个元素进行过滤:

<p><button class="btn btn-warning btn-block" ng-click="getDistance = 3">Show less than 3kms</button></p>

<span ng-repeat="obj in collection | omit: distance > getDistance">
    {{ obj.someValue }}
</span>

然后在getDistance上的$scopedistance字段上为collection中的每个对象创建一个字段{/ 1}}。

我没有使用过这个,但我认为你的解决方案与此类似。