Discussion :

[sinzen]

Bonjour à tous,

Je débute avec Angular2 et les animations.
Avant j'utilisait jquery pour faire certaine tâche de manipulation de DOM.

Et je rencontre quelque souci avec l'inclusion de celui-ci dans un projet angular2.

Mon objectif est je faire scroller ma page quand je clique sur un bouton.
Quel fonction utilisé sous Angular2 avec les animation pour réaliser cela?

voici mon code qui fait un scale avec une mesure ce qui donne un effet de zoom.

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
 
...
animations: [
    trigger('movementtrigger', [
      state('inactive', style({
        backgroundColor: '#ced7df',
        transform: 'scale(1)'
      })),
      state('active',   style({
        backgroundColor: '#cfd8dc',
        transform: 'scale(1.1)'
      })),
      transition('inactive => active', animate('100ms ease-in')),
      transition('active => inactive', animate('100ms ease-out'))
    ])
  ],
...

merci pour vos réactions.

[francky74]

Bonjour,

A ma connaissance, avec Angular tu peux faire le "two way data binding" (passage des données du html au javascript et inversement), du routing avec angular ngRoute ou uiRouter, mais en ce qui concerne le scrolling, je pense que tu dois continuer à utiliser JQuery en même temps qu'AngualrJS.

Bon courage

[sinzen]

Merci pour ta réaction.

Du coup si je veux utilisé jquery comment je procède?

car quand je un simple inclusion comme suite ca ne fonctionne pas:

Code :

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

<script type="text/javascript" src="../../app/assets/js/jquery.min.js"></script>

il n'exécute pas mon code jquery..

une idée?

merci pour vos réactions.

[francky74]

Hello !

car quand je un simple inclusion comme suite ca ne fonctionne pas

-> désolé je ne te comprends pas sur cette phrase ....

Dans ton navigateur, tu dois regarder le "réseau" et voir si ton jquery est chargé avec ta page (dans firefox, tape F12 pour ouvrir les outils de développement). S'il n'est pas chargé vérifie que tu as bien écris le src="../../app/assets/js/jquery.min.js".
Le chemin de src doit être le chemin parcouru depuis la page où il est déclaré.

Donc si tu as une page acceuil.html et que ton fichier jquery.js est au même niveau, pas besoin de chemin et le src sera simplement "src="jquery.js".
mais si tu as une page acceuil.html et que ton fichier jquery.js est dans un dossier /javascirpt, le chemin sera "javascript/jquery.js".
ou si tu as une page acceuil.html dans un fichier /vues/acceuil.html et que ton fichier jquery.js est dans un dossier /js/jquery.js, le chemin sera "../js/jquery.js".
Les deux points servant à reculer d'un niveau dans les dossiers.

[sinzen]

Merci pour ta réaction..

mon fichier jquery est bien chargé..

mais le code dans mon fichier HTML n'est pas exécuté..

[francky74]

Alors c'est que tu dois avoir un problème avec ton code.
Il te faut maintenant poster un nouveau message dans le forum JQUERY qui se trouve ici car tu n'est pas dans le bon forum. C'est un problème JQUERY que tu as et non AngularJS.
Et n'oublies pas mettre ce sujet en résolu

Bon courage !