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视图（比如＆＃39;

＆＃13;

<template>some content</template>

＆＃13;

＆＃39;），然后浏览器使用＆＃34;＃document-fragment＆＃34;包装所提取的内容。并且内容未显示。

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

P.S。我也尝试在设置html后增强模板引擎，但无济于事。

Answer 1

经过深思熟虑之后，我意识到这两条评论都指向了正确的方向，而且我的方法存在缺陷。两个帐户存在缺陷：首先，我通过直接添加DOM元素（选项卡窗格）来违反MVVM概念，而不是添加到viewmodel并让Aurelia处理繁重的工作。其次，我试图通过直接进入服务器并从那里获取我的视图来绕过Aurelia的路由机制。难怪我遇到了问题......我已经回到了绘图板。

谢谢你的支持，伙计们。

Aurelia动态添加引导选项卡

1 个答案: