javascript中的剃刀代码答案

【问题标题】：Razor code in javascriptjavascript中的剃刀代码
【发布时间】：2018-03-01 17:08:06
【问题描述】：

我有一个小问题。我使用 asp.net mvc 5 并想生成一个 DropdownlistFor by razor in javascript:

function addRowIndikator() {
  var table = document.getElementById("tb_1");
  var count = table.rows.length;
  var row = table.insertRow(count - 2);
  var cell1 = row.insertCell(0);
  cell1.innerHTML = "3";
  cell1.colSpan = 3;
  var cell3 = row.insertCell(1);
  cell3.innerHTML = @if(Model._LIndikator != null) {
    @Html.DropDownListFor(m => m._Indikator.Id, new SelectList(Model._LIndikator, "Id", "Name"), new {
      id = "selectIndi"
    })
  }
  else { <
    select >
      <
      option > Keine Indikatoren vorhanden < /option> <
      /select>
  }
};

但它不起作用。有人知道如何解决这个问题吗？

【问题讨论】：

那是因为您在 JavaScript 中生成 HTML。您是否在浏览器中检查过您的开发者工具？
Firebug 不知道剃刀代码
这是关于在js中使用Html，与razor无关。 innerHTML 需要一个字符串。所以你的 html 必须在一个字符串中。
@NevilleNazerane 但是你有一个问题“只有赋值、调用、递增、递减和新对象表达式可以用作语句”
是的......我已经更新了我的答案。这次我自己运行了代码，它可以工作了。

标签： javascript c# asp.net razor asp.net-mvc-5

【解决方案1】：

假设这是在 .cshtml 文件中，您需要确保将您的 html 设置为字符串。这意味着将它们放在引号内。不管是不是剃刀代码：

@{
    string innerHTML = Model._LIndikator != null ? 
        @Html.DropDownListFor(m => m._Indikator.Id, new SelectList(Model._LIndikator, "Id", "Name"), new {id = "selectIndi"}).ToString()
        : "<select><option>Keine Indikatoren vorhanden</option></select>";
} 

        cell3.innerHTML = "@Html.Raw(innerHTML)";

通过这种方式，您首先创建了一个存储 html 的字符串变量。然后使用Html.Raw 处理特殊字符。

如果您计划太频繁，您可以随时使用助手。

【讨论】：

但是你有一个问题“只有赋值、调用、递增、递减和新的对象表达式可以用作语句”
注意到了。我只是在没有先测试代码的情况下回答。这个是测试过的