Javascript Aurelia中HTML组件和普通组件之间的区别？

我从Aurelia开发的标准TypeScript框架开始

我想给“导航栏”组件添加一些代码，所以我决定将它从一个简单的纯HTML组件转换为一个常规组件。为此，我修改了我的app.html中的require标记：

到

接下来，我创建了一个nav-bar.ts文件，其中包含以下代码：

从'aurelia framework'导入{autoinject}；
从“aurelia框架”导入{customElement，bindable}；
//从'aurelia fetch client'导入{HttpClient}；
@自动注入
@customElement（“导航栏”）
导出类NavBarClass{
公共附件（）{
控制台日志（“测试”）；
}
}
}

我让nav-bar.html保持原样。现在程序运行，控制台包含来自实例化NavBarClass的测试值，但是当NavBar仅为HTML时，曾经显示的菜单现在丢失了

我怎么把菜单拿回来？我做错了什么？常规组件与纯HTML组件有何不同

谢谢你的帮助，

---

-Greg

在标准自定义元素中，可绑定属性在视图模型中定义：

nav-bar.js：

导出类导航栏{
@可绑定路由器；
...
...
}

在仅html的自定义元素中，没有视图模型，因此可绑定属性列在

元素的

bindable

属性上：

nav-bar.html：

...
...

无论哪种方式，导航条元素的用法都是相同的：

---

在标准自定义元素中，可绑定属性在视图模型中定义：

nav-bar.js：

导出类导航栏{
@可绑定路由器；
...
...
}

在仅html的自定义元素中，没有视图模型，因此可绑定属性列在

元素的

bindable

属性上：

nav-bar.html：

...
...

无论哪种方式，导航条元素的用法都是相同的：

显示您的nav-bar.html、app.js和app.html。您可能遗漏了一些内容。@FabioLuz、nav-bar.html和app.ts文件都是来自skeleton应用程序的，在这里：显示您的nav-bar.html、app.js和app.html。您可能在某个地方丢失了一些东西。@FabioLuz、nav-bar.html和app.ts文件都是skeleton应用程序的库存文件，如下所示：