Bagaimana Mencampurkan Pisau Cukur dan Kod JavaScript dengan Betul dalam Teg Skrip?

Campurkan Razor dan kod JavaScript dalam teg skrip

Apabila mencampurkan Razor dan kod JavaScript, mencampurkan pernyataan C# mentah dan JavaScript di dalam teg skrip boleh menjadi rumit. Pertimbangkan senario berikut:

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

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

Matlamatnya adalah untuk mengulang koleksi C# dan menolak nilai ke dalam tatasusunan JavaScript. Walau bagaimanapun, pendekatan ini tidak boleh dilaksanakan kerana konflik sintaks.

Penyelesaian:

Alternatifnya ialah menggunakan arahan @text, yang membolehkan anda mengeluarkan teks mentah tanpa sebarang pengekodan atau pengekodan HTML:

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

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

Arahan

@text membenarkan kod C# mentah untuk dimasukkan sebagai sebahagian daripada skrip JavaScript, dengan lancar menggabungkan dua bahasa dalam teg skrip.

Atas ialah kandungan terperinci Bagaimana Mencampurkan Pisau Cukur dan Kod JavaScript dengan Betul dalam Teg Skrip?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!