スクリプト タグ内で 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 スクリプトの一部として含めることができ、スクリプト タグ内で 2 つの言語をシームレスに組み合わせることができます。

以上がスクリプト タグ内で Razor と JavaScript コードを適切に混合するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。