如何在购物车视图中使用所选选项创建 select 元素

Question

在 ASP.NET Core 5 MVC 购物车 Razor 视图中用于创建购物车布局选择器。

在 ASP.NET MVC 4.7 中它工作正常，但在 .NET 中设置选定选项的核心行

<option value="List" @(Model.LocatorViewModel.CartLayout == CartLayout.List ? "selected" : "" )>

在 VS 2019 的 razor 编辑器中显示语法错误：

在 Razor 中创建 select 元素选择属性的属性方法是什么？ 使用引导程序 3。

   <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
     <div class="panel-body">
      <label>
       @await I.I("Display mode")
       <select name="cartlayout" class="form-control" onchange="this.form.submit()">
       <option value="List" @(Model.LocatorViewModel.CartLayout == CartLayout.List ? "selected" : "" )>
       @await I.I("List")
       </option>

     <option value="Thumb" @(Model.LocatorViewModel.CartLayout == CartLayout.Thumb ? "selected" : "" )>
      @await I.I("Thumbnails")
      </option>
    </select>
    </label>
   </div>
 </div>

Answer 1

如错误消息所示， “OptionTagHelper”在元素的属性声明区域中不能有 C#。

在您共享的代码中，该option似乎在您的场景中就像普通的 HTML <option>一样工作。 如果是这样，您可以尝试将@removeTagHelper应用于特定视图，这将有助于从视图中删除指定的 Tag Helper。

@removeTagHelper Microsoft.AspNetCore.Mvc.TagHelpers.OptionTagHelper, Microsoft.AspNetCore.Mvc.TagHelpers 

测试结果