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

Question

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

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

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

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

在 Razor 中创建 select 元素 selected 属性的属性方法是什么？ 使用 Bootstrap 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 

测试结果