Aurelia 动态添加引导选项卡

Question

在我的 aurelia 应用程序中，我有一个基于导航栏的菜单系统和一个引导选项卡。每当我选择一个菜单项时，都会在选项卡上附加一个新窗格，显示属于所选菜单项的内容/视图。我正在从服务器 (MVC) 获取该内容/视图。

  $('.tab-content').append(`<div class="tab-pane" id="tab${menuItem.id}" role="tabpanel"></div>`);
    ... // fetch view from server
   $(tab).html('fetched content');  

只要“获取的内容”是纯字符串，它就可以正常工作。但是，一旦我获取 Aurelia 视图（例如 '

<template>some content</template>

')，然后浏览器将获取的内容用“#document-fragment”包裹起来，内容不显示。

我是 Aurelia 新手，所以我怀疑我在这里遗漏了一些基本的东西。我需要做什么才能完成这项工作？

附：我也试过在设置好html后增强模板引擎，但无济于事。

Answer 1

在相当头疼之后，我意识到两个 cmets 都指向正确的方向，而我的方法存在缺陷。在两个方面存在缺陷：首先，我违反了 MVVM 概念，直接添加了一个 DOM 元素（选项卡窗格），而不是添加到视图模型并让 Aurelia 处理繁重的工作。其次，我试图绕过 Aurelia 的路由机制，直接访问服务器并从那里获取我的视图。难怪我遇到了问题……我又回到了绘图板上。

谢谢你们的支持，伙计们。