Angular中的实际图像大小

时间:2016-06-15 12:14:27

标签: angularjs html5 image resolution

我是Angular的新手,但是我试图通过ng-repeat获得的图像来获取我的真实图像大小。我在我的HTML文件中调整了这些图像的大小以便显示,但我想知道实际尺寸是多少,为此我做了一个指令,但我无法让它工作。

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

非常感谢任何帮助:)

编辑:

angular.module('platForm').directive("getImageResolution", function(){
   return {
   restrict: 'A',
   scope:{
       size:"=getImageResolution"
   },
   link: function(scope, elem, attr) {
     elem.on('load', function() {
        var w = $(this).width();
        var h = $(this).naturalHeight;
            // console.log(w,h);
            scope.size = {};
            scope.size.x = w;
            scope.size.y = h;
            console.log(scope.size);

        //check width and height and apply styling to parent here.
     });
   }
 } 
});

是测试,.width()获取已调整大小的图像的宽度(我不想要),并且naturalHeight不起作用。

1 个答案:

答案 0 :(得分:1)

使用

elem[0].naturalWidth

代替