2017-09-06 5 views
0

Je veux importer à mon html quelques autres parties comme heder, footer, donc je peux le faire dans aurelia?par rapport à ng-include dans Aurelia.js

J'ai essayé ci-dessous et n'a pas fonctionné

<template> 
<import from='header.html'></import> 
<import from='footer.html'></import> 
</template> 
+1

http://aurelia.io/hub.html#/doc/article/aurelia/templating/latest/composition-dynamique-ui-composition/3 – Claies

Répondre

3

La syntaxe est la suivante:

<template> 
    <require from='./header'></require> <!-- this "requires" the component --> 
    <require from='./footer'></require> 

    <header></header> <!-- this "uses" the component --> 
    <!-- content --> 
    <footer></footer> 
</template> 

Si votre composant est composé d'une vue et une paire vue-modèle, il vous suffit d'utiliser <require from="./header"></require> . S'il est composé uniquement d'une vue, alors vous devez mettre '.html' à la fin, comme ceci <require from="./header.html"></require>