Bagaimana untuk Mengintegrasikan Pisau Cukur dan Kod JavaScript untuk Kefungsian Dinamik dengan lancar?

Mencampurkan Razor dan Kod JavaScript

Apabila bekerja dengan paparan Razor, selalunya perlu untuk menyepadukan kod JavaScript untuk kefungsian dinamik. Walau bagaimanapun, satu cabaran biasa ialah mencampurkan kod Razor dan JavaScript dengan berkesan.

Contoh Kod

Pertimbangkan coretan kod berikut:

<code class="csharp"><script type="text/javascript">
        var data = [];

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

Dalam contoh ini, matlamatnya adalah untuk menjana data JavaScript secara dinamik daripada model C#. Walau bagaimanapun, kod ini mungkin tidak berfungsi seperti yang diharapkan kerana cara Razor mentafsir blok kod.

Penyelesaian: Menggunakan

Untuk mencapai ini, kita boleh menggunakan elemen dalam blok kod Razor:

<code class="csharp"><script type="text/javascript">
   var data = [];

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

elemen membolehkan kami memasukkan kod JavaScript literal dalam blok Razor. Dengan cara ini, kod JavaScript dianggap sebagai teks dan tidak dilaksanakan oleh Razor.

Apabila kod ini diberikan, ia akan menjana JavaScript berikut:

<code class="javascript">var data = [];

data.push([ @r.UnixTime * 1000, @r.Value ]);
data.push([ @r.UnixTime * 1000, @r.Value ]);
...</code>

Penyelesaian ini mencampurkan Razor dan Kod JavaScript, membolehkan anda menjana data JavaScript dinamik daripada model C# anda.

Atas ialah kandungan terperinci Bagaimana untuk Mengintegrasikan Pisau Cukur dan Kod JavaScript untuk Kefungsian Dinamik dengan lancar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!