2014-12-06 53 views
1

在我看來,存在一個模型,其中包含User對象的列表。我將~/thumbs文件夾中這些用戶的個人資料圖片保存爲<username>.png。現在,我想顯示所有用戶的個人資料圖片和名稱。所以,我寫的代碼如下所示使用VB的MVC中的剃刀語法

@Code 
    For Each item in Model 
     @<div class="col-md-2"> 
      <img class="img-responsive" src="~/thumbs/@item.username.png" alt=""> 
     </div> 
    Next 
End Code 

這裏,@ item.username.png原因是Visual Studio的智能感知假設產生一個錯誤,我想顯示的該usernamepng財產@item

如果我把一個空間.png之前,寫了src屬性爲~/thumbs/@item.username .png錯誤得到解決,但是當我運行該頁面;它不顯示圖像,因爲最終src轉換爲thumbs/<username>%20.png

我該怎麼辦?請指教!

+0

你能預先格式化該字符串嗎? – 2014-12-06 13:38:38

+0

如何? @ DanielA.White – 2014-12-06 13:39:14

+0

在您的視圖模型 – 2014-12-06 13:39:26

回答

2

使用以下,以避免編譯剃刀語法問題

<img class="img-responsive" src="~/thumbs/@(item.username).png" alt=""> 

參考here quick - reference

1

作爲替代方案,按照丹尼爾的評論,你也可以預先格式化字符串,或建立字符串直列,例如與String.Format

<img class="img-responsive" src="@String.Format("~/thumbs/{0}.png", item.username)" alt="">