获取angularJs中元素的naturalHeight

Question

我想要一个图像的自然高度，我写了以下指令：

angular.module("Discavo").directive("imagecrop", function() {
  return {
    restrict: "C",
    link: function(scope, elem, attrs) {
      console.log(angular.element(elem)[0].naturalWidth);
    }
  };
});

始终打印0。

当我使用console.log（elem）

运行时

我得到了：

[img.imagecrop, context: img.imagecrop, jquery: "1.10.2", constructor: function, init: function, selector: ""…]

0: img.imagecrop
context: img.imagecrop
length: 1
__proto__: Object[0]

如果我扩展它，我可以看到

naturalHeight: 600
naturalWidth: 792

知道我做错了什么？

Answer 1

尝试：

elem[0].bind("load", function(){
    console.log(elem[0].naturalWidth);  
    //run $apply if necessary
});