Treeview在angularjs中无法正常工作

时间:2018-08-09 12:53:47

标签: javascript jquery angularjs treeview

我的目的:

我想在表中显示树视图数据。我使用Angularjs和treeview实现此功能。但是,当JS脚本获取数据并将其提供给treeview时,数据将仅显示一秒钟并消失。

这样的html代码:

<tbody id="understanding-content-table-body">
    <tr ng-repeat="(i, log) in understandingLogs">
        <td ng-repeat="item in log track by $index">{{item}}</td>
        <td>
            <div id="tree-{{i}}"></div>
        </td>
    </tr>
 </tbody>

我的JS代码如下:

for (var i = 0; i < tmp.length; ++i) {
    var id = '#tree-' + i;
    $(id).treeview({ data: tmp[i], levels: 0, showBorder: false, icon: "glyphicon glyphicon-minus" });
}

tmp是要显示的数据。

调试之后,我发现当JS脚本完成时,将执行另一个angularjs代码,然后表中的树视图将消失。我想
由于HTML尚未准备好,因此Treeview找不到“ tree-0”,“ tree-1”...。然后执行命令

$('#tree-0').treeview({ data: [{text:123}], levels: 0, showBorder: false, icon: "glyphicon glyphicon-minus" });

然后数据将显示在表格中。

所以我的问题是,可以在html完成后执行JS脚本吗?

顺便说一句,我已经尝试过

angular.element(document).ready(function () {});

$('document').ready(function (){});

它不起作用。

0 个答案:

没有答案