Question

我有一张桌子，我在其中显示实时数据： -

<table>
     <thead>
        <tr>
            <th>ROW 1</th>
            <th>ROW 2</th>
            <th>ROW 3</th>
            <th>ROW 4</th>
            <th>ROW 5</th>
            <th>ROW 6</th>
            <th>ROW 7</th>
            <th>ROW 8</th>
            <th>ROW 9</th>
            <th>ROW 10</th>
        </tr>
    </thead>
        <tbody>
        <tr ng-repeat="row in dataList| filter:{val4:filter}">
            <td>{{row.val1}}</td>
            <td>{{row.val2}}</td>
            <td>{{row.val3}}</td>
            <td>{{map.val4[row.val4]}}</td>
            <td>{{row.val5}}</td>
            <td>{{row.val6}}</td>
            <td>{{row.val7}}</td>
            <td>{{row.val8}}</td>
            <td>{{row.val9}}</td>
            <td>{{row.val10}}</td>
        </tr>
    </tbody>
</table>

在这里，我在特定行ROW 4上应用过滤器。在我的指令代码中： -

   scope.dataList = [];
    scope.getAllData = function(){
        ApiServices.getAllData().then(function (response) {
               scope.dataList = response.data;
     });
   }

scope.map.val4 = `[null,'ONE','TWO','THREE','FOUR','FIVE','SIX','SEVEN','EIGHT','NINE','TEN'];`

我在这里映射ROW 4的值。 ROW 4值通常为0,1,2，...等。对于'0'，我想要'null';对于'1'我希望'ONE'等出现在UI中。

我到这里的问题是我的过滤器无效。如果我的值没有映射到该行，则它正在工作，但如果映射了值则没有。我认为过滤器代码中存在错误。任何人都可以告诉我什么？

如果映射值，AngularJs过滤器不适用于获取的数据

0 个答案: