Discussion :

[AlexandreJcpn]

Bonjour à tous,

Je suis actuellement entrain réaliser un exercice et je suis bloqué, pourriez vous m'aiguiller s'il vous plait ?

Le problème : Quand je clique sur mon marqueur, ma popup s'ouvre correctement avec les données que je souhaite, jusque la pas de problème. Mais ensuite je voudrais que mon bouton me renvoi vers mon formulaire sur une autre page et la je ne comprend ça ne fonctionne pas. Après avoir cherché de mon côté je viens vers vous pour m'aider a me débloquer.
Je vous met une capture de mon code.



En esperant qu'une personne pourra m'aider.

Cordialement,
Alexandre

[krakatoa]

le marker fait partie de google maps
le code html que tu y met fait partie de google maps et non d'angular

donc le routerlink ne fonctionnera pas

faut plutot utiliser du html classique avec un href

[AlexandreJcpn]

Merci pour l'information Krakatoa mais comment dois je m'y prendre ?
Dois-je mettre le popup dans le fichier html aussi ou je peux laisser le popup dans le fichier ts et ajouter la partie intérieur du popup dans le fichier html ?
Je comprend pas trop la manière dont il faut s'y prendre.
En espérant que vous pourriez m'éclairer un peu plus sur le sujet.

Cordialement,
Alexandre

[dukoid]

tu peux mettre le code avec la balise #

tu peux essayer ce code :

(1)

Code :

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

1
2
3
4
 
.on('click', () => {
  console.log('click !!!!!!!!')
});

à quel moment click !!! s'affiche dans la console ?
clic sur le bouton ou sur le marqueur ou les 2 ?


(2)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
.bindPopur('
 
  <button (click)="clickMark()">......</button>
')
.on('click', () => {
  console.log('click !!!!!!!!')
});
 
 
clickMark() {
  console.log('clickMark !!!')
}

clickMark !!! s'affiche dans la console ?

[AlexandreJcpn]

Pour le (1), le click s'affiche dans la console quand je clique sur le marqueur.
Pour le (2), ça ne fonctionne pas.

Mais je ne vois pas la ou vous voulez en venir ?

Mon but étant de faire fonctionner mon bouton "Réserver un vélo" et me rediriger vers une autre page.

Bien cordialement,
Alexandre

[dukoid]

(1) et pas sur le bouton ?


(3)

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
.bindPopur('
 
  <button id="toto">......</button>
')
.on('click', () => {
 
});
...
...
document.getElementById ("toto") .addEventListener('click',function ()
{
    console.log("test3");
 
    this.router.navigate(['/ma-page', { id: heroId }]);  // exemple avec paramètre
});