Angularjs Image loaded event
Angularjs Image loaded event
大家好,我有Angularjs代码,当单击复选框时加载图像。
代码 Html1 - 呈现复选框的位置
<li ng-repeat="Dep in oDep" >
<input type="checkbox" ng- model="cboxDepState[Dep.num]"
ng-change="OnDepStateChange(Dep.num,Dep.nom)" />
</li>
代码 HTML2 - 这是加载器图像。
<div bg data-ng-show="loading['ville']" class="text-center ng-hide">
<img src="" />
</div>
Code AngularsJS
var app = angular
.module("HomeModule", [])
.controller("HomeController", function (){
$scope.loading =[];
$scope.OnDepStateChange = function (numDep, nom) {
$scope.loading['ville'] = true;
//code inside function take 5 second
//
$scope.loading['ville'] = false;
}});
所有代码都可以正常工作,只是加载图像不起作用你能帮我吗?
您需要在长函数内给角度一些喘息空间。使用$timeout执行冗长的代码。完成后将加载程序隐藏在该函数中。
$scope.OnDepStateChange = function (numDep, nom) {
$scope.loading['ville'] = true;
$timeout(function(){
//code inside function take 5 second
//
$scope.loading['ville'] = false;
})
})
相关文章:
- issue with FB.Event.subscribe
- jQuery is not loaded
- Angularjs :$routeChangeStart event
- event.prventDefault()持续多久
- <text区域>在我的html中包含event.keycode==13之后,wrap就不起作用了
- KeyDown event for CKeditor
- Javascript events: window.event vs argument reference (funct
- 动态填充Bootstrap选择选择器:change event dos'不起作用
- <td> focusin event .addclass
- event.preventDefault阻止ajax调用
- google.maps.event.addDomListener(window, 'load', fun
- jQuery event.target is_a_child_of(element)
- event.stopPropagation()在firefox javascript中不起作用
- asp.net text onkeyup event
- 如何从ondragend获取正确的event.pageX
- 面料:“;鼠标:向下”;在event.target中未返回对象
- 使用event.target.classlist区分按钮颜色
- event.keycode vs event.which
- 将字符串作为参数传递给函数onclick event jquery
- Angularjs Image loaded event