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

Question

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

代码：导航-bar.html

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

导航-bar.js

 attached() {
    alert('test')
  }

包含页面：

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

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

</template>

Answer 1

当您在路径末尾使用 .html 加载自定义元素时，Aurelia 不会加载 .js 文件。只需将您的 require 元素更改为以下内容，它就会按您预期的那样工作：

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

How do you get a custom element to load using Aurelia