Rumah > pembangunan bahagian belakang > C++ > Bagaimana Mencampurkan Pisau Cukur dan Kod JavaScript dengan Betul dalam Teg Skrip?

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

Barbara Streisand
Lepaskan: 2025-01-19 10:57:10
asal
619 orang telah melayarinya

How to Properly Mix Razor and JavaScript Code in Script Tags?

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>
Salin selepas log masuk

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>
Salin selepas log masuk
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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan