如何在脚本标签中正确混合 Razor 和 JavaScript 代码？

在脚本标签中混合Razor和JavaScript代码

将Razor和JavaScript代码混合使用时，在脚本标签内混合原始C#语句和JavaScript可能会很棘手。考虑以下场景：

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

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

目标是遍历C#集合并将值推入JavaScript数组。但是，由于语法冲突，这种方法不可行。

解决方案：

另一种方法是使用@text指令，该指令允许您输出原始文本，无需任何转义或HTML编码：

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

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

@text指令允许将原始C#代码作为JavaScript脚本的一部分包含在内，从而在脚本标签内无缝地结合两种语言。

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