首页  >  文章  >  web前端  >  如何在脚本标签中混合 Razor 和 Javascript 代码?

如何在脚本标签中混合 Razor 和 Javascript 代码?

Susan Sarandon
Susan Sarandon原创
2024-10-26 10:38:30624浏览

How to Blend Razor and Javascript Code Within a Script Tag?

混合 Razor 和 Javascript 代码

混合 Razor 和 Javascript 代码可能会成为开发人员的绊脚石。当尝试在 Javascript 块中声明 C# 代码时,会出现一个常见的挑战。

问题:

如何有效地结合 Razor 和 Javascript 代码来实现这样的目标?

<script type="text/javascript">
  var data = [];

  <c#>@foreach (var r in Model.rows) {</c#>
      data.push([ <c#>@r.UnixTime</c#> * 1000, <c#>@r.Value</c#> ]);
  <c#>}</caption>
</script>

答案:

要实现这种混合,解决方案在于使用 元素。通过将 C# 代码封装在 中标签,您可以在 Javascript 和 Razor 语法之间平滑过渡。

<script type="text/javascript">
  var data = [];

  @foreach (var r in Model.rows)
  {
    <text>
      data.push([ @r.UnixTime * 1000, @r.Value ]);
    </text>
  }
</script>

以上是如何在脚本标签中混合 Razor 和 Javascript 代码?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn