Discussion :

[kendras]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Marco46]

C'est 100 euros la réponse.

[slim]

C'est 100 euros la réponse.

Hahaha

[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

[kendras]

C'est 100 euros la réponse.

Ah ah ah, si je les avais, je ne serai pas là à m'arracher les cheveux

[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.