angularjs - ページ上の複数のグリッドでの AngularJS ui-grid レンダリングの問題

Question

現在 4 つのグリッドを実行しているページがあります。ページと共に読み込まれるメイン グリッドはユーザーであり、さらに 3 つのグリッドがそれぞれ独自のタブのモーダルに読み込まれます。私が抱えている問題は、モーダルに 4 番目、3 番目を追加すると、他の 2 つまたは最後の 1 つがレンダリングされないことです。グリッドのアウトラインは取得できますが、データがありません。これは、モーダルをロードするたびにランダムに発生します。

私の gridOptions は次のようになります。

` $scope.gridOptionsAdd = {
    enableColumnResizing: true,
    enableSorting: true,
    data: $scope.newAdd,
    columnDefs: [
      {name: 'Address Type', field: 'addressTypeDescription'},
      {name: 'Data', field: 'addressData'},
      {name: 'Primary', field: 'primaryYn'},
      {name: 'Private', field: 'privateYn'},
      {name: 'Remove', cellTemplate: ' ' +
        '<button type="button" class="usrView btn btn-danger btn-sm" ng-click="grid.appScope.groupRemove(row.entity.id)">' +
        '<div class="fa fa-trash" data-toggle="tooltip" data-pacement="bottom" title="View User"></div>' +
        '</button>'
      }
    ],
    onRegisterApi: (gridApi) ->
      $scope.gridApiAdd = gridApi
      $interval( () ->
        $scope.gridApi.core.handleWindowResize()
      , 500, 10)
  }`

3 つのグリッドのそれぞれは、 の 3 番目の変数を除いて同じコード$intervalです。それらは 10、18、および 26 です。モーダル コードは次のとおりです。

` #open edit user modal
  $scope.userEdit = (id) ->
    $scope.userId = id
    $modalInstance = $uibModal.open ({
      animation: $scope.animationsEnabled,
      templateUrl: 'userEditModal.html',
      controller: 'editUserInCtrl',
      keyboard: true,
      size: 'lg',
      scope: $scope,
      resolve: {
        data: () ->
          return  EntryUsr.get({id: id }).$promise
        ,
        address: () ->
          return EntryAdd.query({user_id: id}).$promise
        ,
        addType: () ->
          return EntryAddType.query().$promise
        ,
        usrPosition: () ->
          return EntryPos.query().$promise
      }
    })
    $scope.updateGrpTable()
    $scope.updateRoleTable()
    $scope.updateAddTable()`

最後の 3 回の呼び出しで、ユーザーのグループ、セキュリティ設定、およびアドレスがプルされ、グリッドに書き込まれます。$scope.gridOptionsAdd.data = data.

グリッドは、HTML で次のように定義されています。

 %div.grid#grid3{'ui-grid'=>'gridOptionsRole'}

各グリッドには独自の ID があり、異なる gridOption セットを参照します

プロパティ「コア」を読み取れることを確認する3つのエラーを除いて、コンソールに何も表示されません

angular.self-a3680ff….js?body=1:13643 TypeError: Cannot read property 'core' of undefined
    at user.self-2a6c9f3….js?body=1:200
    at callback (angular.self-a3680ff….js?body=1:12457)
    at Scope.$eval (angular.self-a3680ff….js?body=1:17379)
    at Scope.$digest (angular.self-a3680ff….js?body=1:17192)
    at Scope.$apply (angular.self-a3680ff….js?body=1:17487)
    at tick (angular.self-a3680ff….js?body=1:12447)

どうもありがとう。