AngularJS使用带有ng-model数组的过滤器

Question

当我有多个具有相同名称（数组）的ng-model时，如何使用过滤器。我有类似下面的ng-model。我正在尝试过滤多维字符串数组。

<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"
    ]
]

我的标题是这样的。随后是每列的搜索框

Answer 1

根据我的理解，你已经让我们说一个让我们说数字的多维数组。并且当您在页面上显示它们时，您希望将它们全部过滤为货币。

迭代时，您可以将过滤器应用于每个单元格。

意思是让我们假设你有一个1维数组，你就像使用ng-repeat一样

<tr ng-repeat="cell in Array">
    <td>{{ cell | currency }}</td>
</tr>

因此，您在显示单元格时应用了过滤器，而不是事先在整个阵列上应用过滤器。

我希望这就是你的意思。

Answer 2

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