能否在根索引页面中添加 Blazor 组件？

Question

能否在根索引页面中添加 Blazor 组件？

c#.net-coreblazorrazor-pagesblazor-webassembly

3

我正在参考这个索引页面（wwwroot）。我正在使用blazor wasm工作，我不喜欢第一次打开应用程序主页时出现的“加载...”。因此，我正在索引页面上工作，将其替换为旋转图标。如果您只使用html，这很简单，但我更喜欢创建一个旋转图标blazor组件，然后在应用程序的其余部分中重复使用它。这可能吗？

<app><MyLoadingComponent/></app>

我能理解如果这不可能，因为据我所知此时Blazor尚未加载。

- FernandoG

3

加载页面的重点是要保持简洁轻便，最多只需要一个小的动画GIF。即使这样做能够起到作用，它也会背离加载页面的整体目的。 - Andy

1

不，它并没有违背初衷，因为正如你所说，我只是想要添加一个居中的旋转动画和一些文本。这并不复杂，也没有任何脚本。大致上只需要5行代码。 - FernandoG

2

但是，Blazor在渲染组件时所做的努力实际上确实违背了初衷。你应该在这些标签之间只有纯粹的HTML/CSS。 - Andy

我的解决方案是将一个HTML文件注入到主页和其他组件中，但目前来看，保持两个文件更好。 - FernandoG

不确定为什么人们认为加载旋转器会是一个大的下载。OP只有5行CSS，没有JS，并且它不会比默认的“加载中…”文本花费更多的时间。 OP正在寻求一种重用该组件的方法。我不认为这是可能的。我刚刚复制了代码。现在我在其他地方使用该组件，而在Index.html中只使用原始HTML。这并不理想，但它几乎永远不会改变，所以我对此长期不太担心。 - slaw

显示剩余5条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- user3656651 · Accepted Answer

不，你不能在index.HTML中加载剃刀组件。但是你可以用一个漂亮的页面替换那个无聊的加载消息。

但是最好的选择是使用服务器端预渲染。这样，在应用程序加载的同时，会在启动时渲染你的组件。