AngularJS将过滤器与ng-model数组一起使用

斯里南那帕

当我有多个具有相同名称(数组)的ng-model时,如何使用过滤器。我有下面的ng模型。我正在尝试过滤字符串的多维数组。

<input type="text" ng-model="search[$index]" class="form-control"/>

<!-- val is multi dimensional String array -->
<!-- I want to use something like below -->
    <tr ng-repeat="obj in val | filter:search[]"  >
            <td ng-repeat="obj1 in obj track by $index">{{obj1}}</td>
        </tr>

不确定如何在每列上应用过滤器。我想在每列上应用过滤器。

我的数组内容如下所示。第一行转到表的标题。这只是一个转换为多维数组的CSV文件。

[
    [
        "SKU",
        "OfferTermCode",
        "RateCode"
    ],
    [
       "G8AXBRPMUXJ7CWNZ",
       "JRTCKXETXF",
       "G8AXBRPMUXJ7CWNZ.JRTCKXETXF.6YNURZBX9Y"
    ],
    [
       "G8AXBRPMUXJ7CWNZ",
       "JRTCKXETXF",
       "G8AXBRPMUXJ7CWNZ.JRTCKXETXF.6YNURZBX9Y"
    ]
]

我的标题就是这样。在每列后跟搜索框在此处输入图片说明

根据伊扎里斯的说法

http://ng-table.com/#/上查看ng-table,您可以应用实时过滤器并在表上查看匹配结果。您可以找到可用的工作示例,并附加到您的主要代码。

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用AngularJS过滤数组并将过滤对象的属性用作ng-model属性?

基于数组长度的angularjs ng-repeat过滤器

单击时基于数组值的angularjs ng-repeat过滤器

将地图与过滤器一起使用

AngularJS使用过滤器将文本附加到ng-bind

Angularjs错误:[filter:notarray]期望的数组,但收到:{},带有ng-repeat上的过滤器

将过滤器添加到web.xml后,一个或多个过滤器无法启动

在drf中将过滤器与list_routes一起使用

在AngularJs中将变量与转换过滤器一起使用

Java8:将过滤器/谓词与析取符一起使用

在Spring Integration DSL中将过滤器与丢弃通道一起使用

AngularJS:对象数组中的ng-repeat过滤器对象

如何在ng-model AngularJS中使用过滤器

AngularJS-数组作为过滤器

Clojure:将过滤器与具有多个参数的函数一起使用

将过滤器面板合并为一个

如何使过滤器与子查询一起使用?

将范围值与过滤器一起使用

AngularJS使用函数作为过滤器

在Excel中将SUMPRODUCT与过滤器一起使用

如何在ng-model上使用angularJs过滤器

如何使用angularjs为ng-repeat列表创建复选框过滤器?

使用ng-repeat数组键更改AngularJS的过滤器

AngularJS使用$ filter过滤器

将findAll PagingAndSortingRepository与过滤器一起使用

如何创建过滤器来过滤 AngularJS 中的 ng-model 值?

AngularJS ng-repeat 在带有过滤器的数组上

一起使用多种类型的过滤器

将过滤器与切片数组方法一起使用不起作用