我们正在研究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中实现所有元素加载?
答案 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);
零参数实际上是可选的,我通常保留它,但你的偏好。