Question

我使用ngRepeat渲染表格行：

<tr ng-repeat="User in ReportModel.report" on-finish-render>
    <td><span>{{User.name}}</span></td>
</tr>

我有这个on-finish-render指令发出一个事件，如果在表准备就绪时听取让我知道：

app.directive('onFinishRender', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attr) {
            if (scope.$last === true) {
                $timeout(function () {
                    scope.$emit('ngRepeatFinished');
                });
            }
        }
    }
});

这是在控制器中发出ngRepeatFinished事件时发生的事情：

$scope.$on('ngRepeatFinished', function(ngRepeatFinishedEvent) {
    //set a variable to true which datatables directive is watching
    //when that variable is true, initiate datatables
    $rootScope.ReportReady = true;
});

然后我有DataTables指令在报告准备就绪时查找：

  scope.$watch(
    function() {
      return $rootScope.ReportReady
    },
    function(newValue, oldValue) {
      if (newValue) {
        var dTable = element.dataTable(scope.options);
        $rootScope.ReportVisible = true;
      }
    });

问题有时候报告中没有任何项目，因此事件不会被发出，而且数据表也不会显示。

有什么建议吗？

Answer 1

根据ReportModel.report中是否有数据，使用ng-show或ng-hide显示或隐藏表格。因此，只需检查数据是否为空即可显示或隐藏。

在ngRepeat没有项目时进行处理

1 个答案: