Razor嵌入代碼生成編譯器錯誤

Question

我想動態設置使用KendoGrid內容模板和內聯剃刀的單元格的內容，但我得到各種錯誤。

"<table><tr>" + 
"<td style='color:yellow; width:200px;height:13px;padding-top:0px; margin-top:0px;text-align:center;' class='audiogrid'>" + 
@{ 
    @if ((int)TempData["MediaTypeId"] == 1) { 
     @"<audio id='a1' src='#: MediaLocation #' controls='controls' preload='auto' autobuffer><embed height='26' autostart = 'false' type = 'audio/mpeg' width='290' src='#: MediaLocation #'></audio>" + 
    } 
    else{ 
    @"&nbsp; #: Description # " + 
    } 
} 
"</td>" + 
"</tr></table>" 

上面的代碼引發一個錯誤：CS1646：關鍵字，識別符或字符串預期逐字說明符後：在@ @符號的第一個實例。

我不明白爲什麼或這個錯誤的含義。根據在MVC4中使用Razor的規則，我的語法應該可以工作。做了一些研究，以確保發現的語法是準確here 但我嘗試了變化，其中包括一個字符串後，@作爲錯誤建議，並且我想應該工作以及：

"<table><tr>" + 
"<td style='color:yellow; width:200px;height:13px;padding-top:0px; margin-top:0px;text-align:center;' class='audiogrid'>" + 
@if ((int)TempData["MediaTypeId"] == 1) { 
    @"<audio id='a1' src='#: MediaLocation #' controls='controls' preload='auto' autobuffer><embed height='26' autostart = 'false' type = 'audio/mpeg' width='290' src='#: MediaLocation #'></audio>" + 
    } 
    else{ 
      @"&nbsp; #: Description # " + 
    } 
"</td>" + 
"</tr></table>" 

這一次我收到編譯器錯誤消息：CS1026：）預計在@代碼中出現的第一行。

我也嘗試了一些其他的變化，但沒有一個似乎工作。 我在做什麼錯或在這裏失蹤？ :-(

基本上在細胞內控制應該改變基於媒體類型。

Answer 1

剃鬚刀不是某種字符串拼接語法。您指定的HTML標籤和C＃代碼，和剃刀引擎將它們寫到客戶端。

內的@{塊（或任何其他代碼塊），你可以使用C＃的語句。沒有必要的額外的@。

的@if內（或任何其他代碼塊），你可以使用html標籤，不需要用@標記。

在else塊內部，使用@:輸出沒有html標記的html。

<table><tr> 
<td style='color:yellow; width:200px;height:13px;padding-top:0px; margin-top:0px;text-align:center;' class='audiogrid'> 
@{ 
    if ((int)TempData["MediaTypeId"] == 1) { 
     <audio id='a1' src='#: MediaLocation #' controls='controls' preload='auto' autobuffer><embed height='26' autostart = 'false' type = 'audio/mpeg' width='290' src='#: MediaLocation #'></audio> 
    } 
    else{ 
     <text>&nbsp; #: Description # </text> 
    } 
}