页面加载后渲染可变数量的ngGrids

时间:2014-07-08 13:44:05

标签: angularjs

我有一个有角度的应用程序。我将电子表格加载到其中,执行一些javascript,然后我想使用ngGrid呈现可变数量的选项卡,具体取决于我加载到页面中的电子表格中的内容。因此,我必须在应用初始化后使用角标记渲染html。

我尝试将带有选项卡式ngGrids的页面部分放在嵌套控制器中,而不是做app.controller(' SubController',SubController);直到解析电子表格之后。但是,控制器在页面加载时初始化。

我的初始化代码如下:

var app = angular.module('app', ['ngGrid', 'percentage', 'ui.bootstrap', 'angularFileUpload', 'vr.directives.slider']);

如何使嵌套控制器在页面加载时不初始化?

1 个答案:

答案 0 :(得分:0)

事后看来,只是使用ngRepeat指令。

    <div id="x-{{ $index }}" class="col-sm-12" data-ng-repeat="Grid in Grids" style="display: none">
        <div id="divGrid-{{ $index }}" data-ng-grid="Grid" class="gridStyle"></div>
    </div>