javascript - 相对于 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>