Transposition JQuery vers Angular (2)

Version imprimable

Bonjour tous,

étant une bille en javascript, et ayant un script JQuery à transposer en angularJS, je viens vers vous pour m'aider pour trouver une solution à ceci :

Comment transposer cela ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
jQuery.fn.myVertAlign = function(){
	var getH = jQuery(this).outerHeight();
	var parentH = jQuery(this).closest('.js-parent').height();
	var mTVal = parseInt(parentH - getH) / 2;
	jQuery(this).css( 'margin-top', mTVal );			
}	
jQuery.fn.myEqualize = function(){			
	var getHt = jQuery(this).closest('.js-equalizer').height();
	jQuery(this).css( 'height', getHt );
}
 
jQuery(window).bind('load', function() {	
	jQuery('.js-valign').each(function (index, value) {
		jQuery(this).myVertAlign();
	});		
 
	jQuery('.js-equalize').each(function( index, value) {
		jQuery(this).myEqualize();
	});
}

Merci d'avance

09/02/2016, 10h23
Marco46

C'est 100 euros la réponse.
09/02/2016, 11h12
slim

Citation:

Envoyé par Marco46

C'est 100 euros la réponse.

Hahaha :D
10/02/2016, 11h58
Invité

Dans certains cas (rarement), on peut garder son code Jquery dans une App Angular ... Là on dirait du code qui agit sur les CSS ... Angular est un Framework orienté gestion d'objets Json et 2 ways binding, Jquery un peu une librairie orientée Style et manipulation de css en temps réel, c'est un peu un casse tête de passer de l'un à l'autre quand même, vu que ce n'est pas la même chose, à vrai dire ça n'a rien à voir.

Angular est un peu comme un caneva, permettant de réaliser des apps single page en un minimum de temps.

Bon courage pour trouver un équivalent de la fonction myEqualize() de Jquery en AngularJs ... Je ne sais même pas ce que ça fait.

Généralement, on utilise AngularJs dès le départ, lors de la décision de conception d'une application Web.

J'ai moi même fait des apps il y a un an en Jquery-Ajax, jamais je n'aurais l'idée de transposer cela en AngularJs, il faut refaire l'application de zéro, vu que AngularJs est un framework...

Si ses fonctions agissent sur les CSS de ton site, alors il faudrait se tourner vers ngStyle :

https://docs.angularjs.org/api/ng/directive/ngStyle
10/02/2016, 13h10
kendras

Citation:

Envoyé par Marco46

C'est 100 euros la réponse.

Ah ah ah, si je les avais, je ne serai pas là à m'arracher les cheveux :)
10/02/2016, 18h59
NoSmoking

Bonjour,
regarde quand même ce que font les fonctions, elles agissent sur le CSS des éléments, il existe possiblement une solution en pur CSS.