blazor树形菜单通过动态渲染后，进行图标的显示和隐藏操作。

原创

于 2022-04-15 09:31:23 发布 · 966 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍如何在Blazor应用中，通过单击树形菜单节点时，使用三元运算符控制图标显示与隐藏，以实现选中节点的标识。关键代码展示了如何根据节点ID判断并切换图标。

最开始想复杂了想着通过获取HTML元素的ID进行图标的显隐操作，最后发现Blazor好像无法获取HTML元素，要么就是通过JS比较麻烦。最后问了下大佬，就用了一下三元运算符就解决了。

应用场景
单击树形菜单的某个节点，使选中的节点显示后面的图标。未选中的节点不显示。如下图：
在这里插入图片描述
直接上代码：

  foreach (var item in TreeItems)
            {
   
   
                item.Template = (RenderTreeBuilder __builder) =>
                {