HTML注释中的Razor代码

Question

I have the following piece of code on my Razor page:

<ul id="product-tabs-nav"><!--
    --><li><a href="#product-summary">Summary</a></li><!--
    @if (AppSettings.EcommerceEnabled)
    {
        --><li><a href="#product-reviews">Reviews</a></li><!--
    }
--></ul>

but it is not working as it seems to be commenting out my razor code (which I thought you would have had to use razor comment tags for). Does anyone know how to make this work as I need to comment out the white space (I want the li tags centrally aligned and the only way to do this is to make them inline-block elements which will add the space if I have white-space between them)

Answer 1

Ok after much playing around with this I have found the error to be with the closing comment tags within the Razor if statement.

I think as it starts with a dash, the compiler is treating this as Razor syntax instead of taking it back to HTML content. I have solved the problem using Html.Raw :

<ul id="product-tabs-nav"><!--
     --><li><a href="#product-summary">Summary</a></li><!--
     @if (AppSettings.EcommerceEnabled)
     {
         @Html.Raw("--><li><a href=\"#product-reviews\">Reviews</a></li><!--");
     }
 --></ul>

Answer 2

Comment in razor c# code you can create llike this @* *@

So

<ul id="product-tabs-nav"><!-- Some html comment   -->
<li><a href="#product-summary">Summary</a></li>
  @*if (AppSettings.EcommerceEnabled)
  { this is commented
      *@
<li><a href="#product-reviews">Reviews</a></li>
@*
  } this is commented
*@</ul>