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
Responder