首頁 >web前端 >js教程 >如何在腳本標籤中混合 Razor 和 Javascript 程式碼?

如何在腳本標籤中混合 Razor 和 Javascript 程式碼?

Susan Sarandon
Susan Sarandon原創
2024-10-26 10:38:30719瀏覽

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