Javascript 如何知道完全加载angularjs的div元素

Javascript 如何知道完全加载angularjs的div元素,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我们正在开发angularjs和html应用程序。我的要求是了解div的完整加载,即希望了解div所有元素的完整呈现 假设diva包含所有元素。其中,在加载所有预先创建的HTML元素之后,在运行时加载并创建一些元素 样本部门为: <div id="myMainDiv" class="tab-pane fade" > <div class="col-sm-4"><input id="myEle1" type="text" class="form-con

我们正在开发angularjs和html应用程序。我的要求是了解div的完整加载,即希望了解div所有元素的完整呈现

假设diva包含所有元素。其中,在加载所有预先创建的HTML元素之后,在运行时加载并创建一些元素

样本部门为:

<div id="myMainDiv" class="tab-pane fade" >    
    <div class="col-sm-4"><input id="myEle1" type="text" class="form-control"
    maxlength="250" tab-group="g1" tab-index="0" tab-man ng-model="vm.min"></div>
    <div class="col-sm-4"><span style="font-size: 25px;"><a href="" id="myEle2" tooltip-placement='right'
    uib-tooltip-template="'tooltipContent.html'"><i class="fa fa-info-circle" style="color:#061530;"></i></a></span></div>
    <div class="col-sm-12" ng-repeat="(key, value) in vm.myRunTimeList">
        <div class="col-sm-5">{{::key}}</div>
        <div class="col-sm-7" style="display:flex;">
            <input type="text" class="form-control"
                   style="width:60%;margin-right: 5px;" readonly
                   ng-model="value.retCode"/>
            <span style="font-size: 25px;">
                <a href="" id="desc{{$index}}" tooltip-placement='top-right'
                uib-tooltip="{{value.retDescription}}"><i
                class="fa fa-info-circle" style="color:#061530;"></i></a>
            </span>
        </div>
    </div>

{{::键}
在这个vm.myRunTimeList中,在呈现pre元素之后创建元素。 我的div在加载所有元素(无论是预创建的元素还是运行时元素)后完成


如何在一个div中实现所有元素的加载?

只需将onload=myfunction()添加到

给出


加载完成后,js函数将被调用,您可以注意到这一事实。

我假设您希望在初始摘要周期之后运行函数?使用超时服务

将$timeout注入控制器,然后使用。这将等到消化循环完成后。如果您正在加载API数据或其他内容,您可能需要将其放入承诺的解决方案中

$timeout(function() {
   //whatever you want to happen after render
}, 0);

零参数实际上是可选的,我通常会保留它,但您可以选择。

不确定您的意思,可能是postLink?通常没有“完成渲染”,因为渲染可能是异步的,所以它可能永远不会完成。谢谢!但我尝试过这个选项,但它不起作用。