<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片加载完再执行其它函数</title>
<script src="jquery.min.js"></script>
<script src="../angularjs/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $window) {
$scope.imgP = '1.jpg';
$scope.longImg = function() {
var mainW = angular.element(".long").width(),
mainH = angular.element(".long").height();
}
});
app.directive('loadImage', function($window) {
return {
restrict: 'A',
link: function(scope, element, attrs) {
element.bind('load', function() {
scope.$apply(attrs.loadImage);
});
}
}
})
</script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<div>
<img ng-src="{{imgP}}" alt="" class="long" load-image="longImg()">
</div>
</div>
</body>
</html>
angularjs图片加载完再执行其它函数
猜你喜欢
转载自blog.csdn.net/longzhoufeng/article/details/80797345
今日推荐
周排行