angularjs的controller里面获取不到图片的高度怎么办?

我想打算用 offsetHeight 获取图片的高度 。
angular.element(img).ready 这个是dom树加载完就立即执行了。此时图片还没显示出来;所以offsetHeight 获取的高度是0.

想用onload 但是在controller 里面好像是无效的。

阅读 3.7k
1 个回答

要引入angular版的jquery 叫jqLite

angular.element('#img').height();
或者
angular.element(document.querySelector('#img'))[0].offsetHeight

<body ng-app="myModule">
    <h1 my-directive>Hello Plunker! width: {{width}}, height: {{height}}
    </h1>
  </body>


angular.module('myModule', [])
  .directive('myDirective', function($timeout) {
    return {
        restrict: 'A',
        link: function(scope, element) {
            scope.height = element.prop('offsetHeight');
            scope.width = element.prop('offsetWidth');
        }
    };
  })
;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题