相对于Aurelia.js中的ng-include

Question

我想要导入我的主要HTML其他部分，如heder，footer，所以我可以在aurelia中这样做吗？

我试过这个吼叫并且不起作用

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

Answer 1

语法为：

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

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

如果您的组件由视图和视图模型对组成，则只需使用<require from="./header"></require>。如果它只由一个视图组成，那么你必须在最后加上'.html'，就像这样<require from="./header.html"></require>