使用枚举设置 Navlink Href 属性答案

【问题标题】：Set Navlink Href Property with Enum使用枚举设置 Navlink Href 属性
【发布时间】：2020-01-21 02:51:28
【问题描述】：

在 blazor 应用程序中，我试图在枚举的帮助下设置 NavLink 的 href 属性

例子：

 <NavLink class="nav-link" href="/Products/ProductType.All" Match="NavLinkMatch.All">
            <span class="oi oi-home" aria-hidden="true"></span> Home
 </NavLink>

这里 ProductType 是一个枚举，但在浏览器中它使 url 像

ProductList/ProductTypes.All

而不是

产品列表/1

其中 1 代表所有

如果我把@符号放在这里

href="/ProductList/@ProductTypes.All"

比它说的组件属性不支持复杂的内容

这里的解决方法是什么

【问题讨论】：

标签： c# .net-core razor-pages razorengine blazor-server-side

【解决方案1】：

如果你的枚举是

public enum ProductTypes{
   All = 1
}

所以尝试使用这个

href="@($"/ProductList/{(int)ProductTypes.All}")"

希望对你有帮助

【讨论】：

太好了，它的工作。请在公共 ProductTypes 之间的第一行答案中添加 enum 关键字，这样它就不会混淆某人，也不要忘记支持这个问题，Promot Blazor