javascript - ng-show 多值

Question

这是我的 table

 <table class="table table-bordered table-responsive table-hover add-lineheight table_scroll">
        <thead>
            <tr>
                <th ng-hide="hidecolumn == key" ng-repeat="(key, value) in localNew[0]">
                    {{key}}
                </th>
            </tr>
      </thead>
      <tbody>
            <tr ng-repeat="test in localNew">
                <td ng-hide="hidecolumn == key" ng-repeat="(key, value) in test">
                    {{value}}
                </td>
            </tr>
        </tbody>
    </table>

此处 hidecolumn 将隐藏我不想显示的列，例如在我的 Controller 中，这是我的数据:

$scope.localNew = [{ 'name': 'name1', 'age': 24, "salary": 2500, "s": 5 }, { 'name': 'name2', 'age': 26, "salary": 2600, "s": 5 }];

这是我的隐藏列变量

$scope.hidecolumn = "salary";

这很好用。

我想隐藏多列，所以我的范围变量会像

$scope.hidecolumn = "name,salary";

那么如何在我的 HTML 表格中管理它以隐藏多列呢？

Answer 1

您应该使用数组而不是字符串:

$scope.hidecolumns = ['name', 'salary'];

以及检查当前列是否应该隐藏的函数:

$scope.shouldHideColumn = function(column) {
  if ($scope.hidecolumns.indexOf(column.salary)) {
    return true;
  }

  return false;
};

然后在您的 HTML 中:

<th ng-hide="shouldHideColumn(value)" ng-repeat="(key, value) in localNew[0]">
  {{key}}
</th>