如何让列表中的NavLink工作？

Question

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

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

我希望链接为“mylink/item.id”，但我尝试了以下操作，但没有成功：

1. Create a variable called link private string link = "mylink/" and then 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>
}