如何让列表中的 NavLink 正常工作？

Question

这是我正在处理的代码，在列表中

@foreach(var item in list){
<NavLink href=link>@item.Name</NavLink>
}

我希望 link 成为“mylink/item.Id”，但是我尝试了以下但没有成功：

1. 创建一个名为 link private string link = "mylink/" 的变量，然后 href = @(link +item.Id).
2. href=@("mylink/+item.Id")

3. href="mylink/{@item.Id}"
   

和其他一些，但我得到的只是一个错误“不能将标记与 c# 代码混合”，所以我完全迷失在这里，有什么帮助吗？

这是一个带有 Blazor 的 Razor 页面

Answer 1

试试这个：

@foreach(var item in list){
    var link = $"mylink/{item.Id}"; 
    <NavLink href=@link >@item.Name</NavLink>
}