如何使用Aurelia加载自定义元素

我有一个自定义元素，比如骨架导航中的导航栏，只是我没有使用路由器部件。我似乎无法让它引发任何事件

代码： nav-bar.html

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

包含页面：

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

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

</template>

---

当您使用路径末尾的

.html

加载自定义元素时，Aurelia不会加载

.js

文件。只需将require元素更改为以下内容，它将按照您的预期工作：

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

---

当您使用路径末尾的

.html

加载自定义元素时，Aurelia不会加载

.js

文件。只需将require元素更改为以下内容，它将按照您的预期工作：

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

不确定为什么会有人投票关闭此项，这是一个好问题。不确定为什么会有人投票关闭此项，这是一个好问题。Ashley是正确的，但要小心。在导航框架中引入nav-bar.js文件会破坏nav-bar.html中与app.js.yes中的

路由器

参数的绑定，但您只需为此设置一个绑定即可。我在我的“标准奥雷莉亚介绍”演讲中就是这么做的。虽然有一半的时间我忘记了做演示的那部分。是的，ofc，我并不是说这是一个无法解决的问题，或者说这是一个糟糕的做法——只是要意识到它会坏掉，需要修复：）Ashley是对的——不过要小心。在导航框架中引入nav-bar.js文件会破坏nav-bar.html中与app.js.yes中的

路由器

参数的绑定，但您只需为此设置一个绑定即可。我在我的“标准奥雷莉亚介绍”演讲中就是这么做的。虽然有一半的时间我忘记了做演示的那部分。是的，ofc，我并不是说这是一个无法解决的问题，或者说这是一个糟糕的做法——只是意识到它会坏掉，需要修复：）