ionic onload image – horizontal – vertical – orientación

Debemos agregar una directiva como atributo a nuestro tag img. En mi caso, después de cargar y dependiendo de las dimensiones, la imagen cambia según la clase de “horizontal” a “vertical” , el nombre de la directiva es “orientable” :

<img class="horizontal" />

Y entonces debemos crear esta simple directiva:

var app = angular.module('myApp',[]);

app.directive('orientable', function () {       
    return {
        link: function(scope, element, attrs) {   

            element.bind("load" , function(e){ 

                // success, "onload" catched
                // now we can do specific stuff:

                if(this.naturalHeight > this.naturalWidth){
                    this.className = "vertical";
                }
            });
        }
    }
});

La solución la saque de acá: https://stackoverflow.com/a/17548090/2193452

Saludos

Anuncios