Razor と JavaScript を効率的に組み合わせて C# データを JavaScript 配列に渡すにはどうすればよいですか?

Razor と JavaScript コードの組み合わせ

Razor と JavaScript コードを混合することは、ASP.NET Core アプリケーションで非常に便利なテクニックです。一般的なシナリオは、C# コードから動的データを生成し、それを JavaScript 配列に渡す必要がある場合です。

1 つの方法は、質問で述べたように、インライン スニペットと <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>

タグを使用すると、任意の C# コードをプレーン テキストとして HTML または JavaScript コードに埋め込むことができます。このアプローチは、特に長いコードを扱う場合に、より簡潔で読みやすくなります。 <text>

タグを使用する場合、C# コード内の改行またはスペースは、生成された JavaScript コードに保持されることに注意することが重要です。これらの改行やスペースを保持する必要がない場合は、<text> ステートメントまたはその他の文字列操作テクニックを使用して出力をフォーマットできます。 String.Join

以上がRazor と JavaScript を効率的に組み合わせて C# データを JavaScript 配列に渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。