剃刀の眺めとHTMLテキスト

Question

私は剃刀でグリップを得ようとしており、基本的な悩みを抱えています。私はユーザー認証ステータスに基づいて小さなメニューを生成します。しかし、私はそれを間違っている。

<div> 
    <a href="/">Home</a>&nbsp;&nbsp; 
    <a href="/">List</a> 
    @if (Request.IsAuthenticated) 
    { 
     &nbsp; 
     &nbsp; 
     <a href="/">Upload</a> 
     &nbsp; 
     &nbsp; 
     <a href="/logout" onclick="return confirm('Are you sure you want to delete this image?');">Logout</a> 
    } 
</div> 

私の{}セクション内のHTMLが嫌いです。私はそれがHTMLタグを期待していると思う... <div>のようなものだが、私は&nbspを使用しているので、それは幸せではない。これはどうすればいいですか？

さらに、画像タグを処理しようとしています。しかし、これはdismally失敗しています。あなたがHTMLのコンテンツを表示したい場合は、あなたがHtml.Raw（）メソッド@例えば使用することができ

{ 
    public class IndexModel 
    { 
     public string RandomImageUrl { get; set; } 
    } 
} 

Answer 1

Razorは、あなたがHTMLモードに入っていることを検出できません。特別な<text> Razorタグを使用して、HTMLモードであることを示します。

Answer 2

：私のモデルは単純である

@using GalleryPresentation.Models 
@model IndexModel 
@{ 
    ViewBag.Title = "Craig and Melanie's Digital Moments"; 
} 

<br/> 
<div style="text-align: center"> 
    <img src="@Html.Raw(m => m.RandomImageUrl) /> 
</div> 

。あなたのコードが移行する

 <div> 
         <a href="/">Home</a>&nbsp;&nbsp; 
         <a href="/">List</a> 
         @if (Request.IsAuthenticated) 
         { @Html.Raw(" 
          &nbsp; 
          &nbsp; 
          <a href="/">Upload</a> 
          &nbsp; 
          &nbsp; 
          <a href="/logout" onclick="return confirm('Are you sure you want to delete this image?');">Logout</a> ") 
         } 
        </div> 

Answer 3

nbspは、改行なしのスペースを意味します。これは、中にスペースを挿入するためにhtmlで使用されます。あなたがひげそりコードの真ん中にいるので、コンパイラはHTMLコードをいつ使用するのかを指示なしですぐには知りません。コンパイルエラーが発生するためです。これは、cのプリプロセッサディレクティブによく似ています。 （あなたが#includeを知っていれば）。ここでは、あなたは単にを使用する必要があります。正しいコードは次のようになります。

<div> 
<a href="/">Home</a>&nbsp;&nbsp; 
<a href="/">List</a> 
@if (Request.IsAuthenticated) 
{ 
    <text> 
    &nbsp; 
    &nbsp; 
    </text> 
    <a href="/">Upload</a> 
    <text> 
    &nbsp; 
    &nbsp; 
    </text> 
    <a href="/logout" onclick="return confirm('Are you sure you want to delete this image?');">Logout</a> 
} 
    </div>