如何有效結合 Razor 和 JavaScript 將 C# 資料傳遞到 JavaScript 陣列？

Razor 與 JavaScript 程式碼的結合

在 ASP.NET Core 應用程式中，混合使用 Razor 和 JavaScript 程式碼是一種非常實用的技巧。一個常見的場景是：需要從 C# 程式碼產生動態數據，並將其傳遞給 JavaScript 陣列。

一種方法是使用內聯程式碼段和 <c> 和 </c> 標記，正如您在問題中提到的那樣：

<code class="language-csharp">    var data = [];

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

然而，使用 <text> 標記有一個更簡單直接的方法：

<code class="language-csharp">    var data = [];

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

<text> 標記可讓您將任何 C# 程式碼作為純文字嵌入到 HTML 或 JavaScript 程式碼中。這種方法更簡潔，也更容易閱讀，尤其是在處理較長的程式碼片段時。

使用 <text> 標記時，需要注意的是，C# 程式碼中的任何換行符或空格都會保留在產生的 JavaScript 程式碼中。如果不需要保留這些換行符號或空格，可以使用 String.Join 語句或其他字串操作技術來格式化輸出。

以上是如何有效結合 Razor 和 JavaScript 將 C# 資料傳遞到 JavaScript 陣列？的詳細內容。更多資訊請關注PHP中文網其他相關文章！