2017-09-11 1 views
0

J'ai un élément personnalisé comme la barre de navigation dans la navigation squelette, sauf que je n'utilise pas la partie routeur. Je n'arrive pas à l'obtenir pour déclencher des événements.Comment charger un élément personnalisé à l'aide d'Aurelia

Code: nav-bar.html

<template> 
    <ul id="topMenu"></ul> 
</template> 

nav-bar.js

attached() { 
    alert('test') 
    } 

page contenant:

<template> 
    <require from="./nav-bar.html"></require> 

    <div class="desktop" id="container"> 
    <nav-bar></nav-bar> 
    </div> 

</template> 
+1

Vous ne savez pas pourquoi quelqu'un a voté pour la fermeture, c'est une bonne question. –

Répondre

3

Lorsque vous chargez l'élément personnalisé à l'aide .html à la fin du chemin, Aurelia ne charge pas le fichier .js . Remplacez simplement votre élément require par ce qui suit, et cela fonctionnera comme prévu:

<require from="./nav-bar"></require> 
+0

Ashley a raison, mais faites attention. L'introduction d'un fichier nav-bar.js dans le squelette de navigation rompt la liaison dans nav-bar.html avec le paramètre 'router' dans app.js. – Tom

+0

Ouais, mais alors vous venez de mettre en place une liaison pour cela. Je le fais dans mon discours "Standard Aurelia Intro". Bien que la moitié du temps j'oublie de faire cette partie de la démo. –

+0

Ouais, je ne suggérais pas que c'était un problème qui ne pouvait pas être résolu, ou que c'était une mauvaise pratique - juste pour être conscient que ça va casser et qu'il faut réparer :) – Tom