C# 在 Razor 中使用字符串插值转义双引号？

Question

我有以下带有三元运算符的剃刀代码来包含或省略 data-* 属性：

 <select class="form-control"
        @(field.DependentDropdown ? $"data-selected={Model.KeyValues.GetValue(field.Name)}" : "")>

当它在 HTML 中呈现时，它是这样的：

<select class="form-control" 
        data-selected="Toyota" yaris="">

如您所见，数据选择属性的值格式不正确 - 它应该是一个用双引号括起来的单词"Toyota Yaris" 。

如何正确转义或添加双引号：

 $"data-selected={Model.KeyValues.GetValue(field.Name)}"

Answer 1

你需要的是使用很少见的<text>语法

例如

<h1 @{if (true) { <text>data-selected="Hello world"</text> } }>Hello</h1>

尝试这个：

 <select class="form-control"
        @{ if (field.DependentDropdown) { <text>data-selected="@Model.KeyValues.GetValue(field.Name)"</text> } }>

我很难说服它在三元运算符中工作 - 如果语法正确，请随时编辑答案

Answer 2

将字符串包装在对 HtmlHelper类上的 Raw() 方法的调用中。

<select class="form-control"
    @(field.DependentDropdown ? Html.Raw($"data-selected=\"{Model.KeyValues.GetValue(field.Name)}\"") : "")>

Answer 3

你可以试试这个。

小提琴中的一个例子

 $"data-selected=\"{Model.KeyValues.GetValue(field.Name)}\""