meteor - 美人鱼图不显示在流星中

Question

出于某种原因，我的美人鱼图没有显示在流星页面中。我确实在 dom 中看到了一些 SVG 的东西，但没有呈现图表...

 <div class="ui container mermaid">

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

            </div>

Template.APILogs.onRendered(function() {
    console.log('Test page! mermaid version'+mermaid.version());
    mermaid.initialize({startOnLoad:true});
});

非常感谢您的帮助...我在这里遗漏了一些非常明显的东西...

Answer 1

从您展示的代码示例中很难看出，但由于您mermaid.initialize在Template.APILogs模板的onRendered回调中进行调用，因此您将其绑定到该模板。这意味着它只会在关联APILogs模板中初始化您的美人鱼图表。就像是：

<template name="APILogs">
  <div class="ui container mermaid">
    ...
  </div>
</template>

确保您已APILogs像上面那样定义了模板。