Question

我想要一个条件（“myBool”）为真的HTML代码：

<div>
  <fieldset>
    <legend>
      @sometext
    </legend>
    ... other stuffs
  </fieldset>
<div>

这是假的：

<div>
  <b>
    @sometext
  </b>
  ... other stuffs
<div>

我不想写两次相同的代码（“其他东西”），所以我尝试了这个：

<div>
@if(myBool)
{
  <fieldset>
    <legend>
}
else
{
  <b>
}
@sometext
if (myBool)
{
  </legend>
}
else
{
  </b>
}
...other stuff
if (myBool)
{
  </fieldset>
}
</div>

但是我收到了编译错误。

你是否知道如何做我想做的事情而不必做那样的事情：

@if(myBool)
{
  <div>
    <fieldset>
      <legend>
        @sometext
      </legend>
      ... other stuffs
    </fieldset>
  <div>
}
else
{
  <div>
    <b>
      @sometext
    </b>
    ... other stuffs
  <div>
}

谢谢。

Answer 1

以下可能使用@:运算符。当你在一个代码块里面时，或者是因为一个控制结构（比如下面给出的例子）或者你已经明确定义了一个，你可以输出纯文本，前缀是@ -character后跟一个:(冒号）字符。

<div>
    @if (someCondition)
    {
        @:<fieldset>
            @:<legend>
    }
    else
    {
        @:<b>
    }

    @sometext

    if (someCondition)
    {
        @:</legend>
    }
    else
    {
        @:</b>
    }

    ... other stuffs

    @if (someCondition)
    {
        @:</fieldset>
    }
</div>

或者您也可以尝试以下方法：

<div>
    @Html.Raw(someCondition ? "<fieldset><legend>" : "<b>")
    @sometext
    @Html.Raw(someCondition ? "</legend>" : "</b>")

    ... other stuffs  

    @if (someCondition)
    {
        @:</fieldset>
    }  
</div>

MVC / Razor：条件嵌套的html标记

1 个答案: