Elemento altezza genitore elemento all'interno della direttiva in AnguarJS

Question

Come si ottiene e si imposta l'altezza genitore da un elemento all'interno di una direttiva?

Questo è quello che ho ora, ovviamente non funziona.

var vAlign = angular.module("vAlign", []) 
.directive('vAlign', function() { 
    return { 
     restrict : "AC", 
     link: function(scope, e){ 

      e.parent.height(1200); 
      console.log(e.parent.height); 
     } 
    }; 
}); 

Answer 1

È possibile utilizzare parent e height metodi di jqLite/jQuery:

link: function(scope, e) { 
    e.parent().height(1200); 
    console.log(e.parent().height()); 
} 

Oppure si potrebbe fare in puro JavaScript con parentNode proprietà, che è un riferimento a elemento padre:

link: function(scope, e) { 
    e[0].parentNode.style.height = 1200 + 'px'; 
} 

Inoltre, dal momento che e è un'istanza di jqLite/jQuery che è una raccolta di tipo array di un singolo elem ent, è necessario utilizzare [0] per accedere a HTMLElement non elaborato.

Answer 2

e.parent è una funzione, quindi è necessario chiamare in quanto tale:

e.parent().height(1200); 

Inoltre, se non si carica jquery sulla pagina, si dovrà usare

.css('height', '1200px') 

invece, come jqLite non include .height