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

时间:2017-06-21 13:41:36

标签: javascript jquery html angularjs

我们正在研究angularjs和html应用程序。我的要求是知道div的完整加载,即想要知道div的所有元素的完整呈现。

让我们说div A包含所有元素。在加载所有预先创建的HTML元素之后,在运行时加载和创建一些元素。

示例div是:

<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中,在渲染前元素后创建元素。 加载所有元素后,我的div是完整的,无论是预先创建的还是运行时元素。

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

2 个答案:

答案 0 :(得分:0)

只需将onload = myfunction()添加到<div id="myMainDiv" class="tab-pane fade" >

给予<div id="myMainDiv" class="tab-pane fade" onload = myfunction()>

然后在加载完成后调用你的js函数,你可以注意到这一点。

答案 1 :(得分:0)

我假设你想在最初的摘要周期后运行一个函数?使用超时服务

将$ timeout注入控制器然后使用。这将等到消化循环完成后。如果您正在加载API数据或某些内容,则可能需要将其置于该承诺的决心之内。

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

零参数实际上是可选的,我通常保留它,但你的偏好。