Bagaimanakah Saya Boleh Mengakses Go Array daripada Javascript dalam Templat HTML?

Merujuk Go Array dalam Javascript

Apabila menyepadukan Golang dan Javascript dalam aplikasi web, adalah perkara biasa untuk menghadapi cabaran dalam mengakses struktur data Go daripada Javascript. Artikel ini menangani isu merujuk tatasusunan Go dalam Javascript dalam templat HTML.

Cabaran

Ketidakupayaan untuk mengakses tatasusunan Go secara langsung dalam Javascript adalah disebabkan oleh pemisahan bahagian pelayan ( Pergi) dan persekitaran pelaksanaan sisi klien (Javascript). Tindakan templat Go diproses pada pelayan manakala kod Javascript dijalankan pada klien. Oleh itu, parameter templat seperti tatasusunan tidak wujud dalam konteks Javascript.

Penyelesaian #1: Menggunakan Tindakan Templat

Jika matlamatnya adalah untuk mengulang tatasusunan sekali sahaja, anda boleh menggunakan Go tindakan templat untuk memaparkan elemen tatasusunan tanpa membuat tatasusunan Javascript. Tindakan {{range .Array}} bergelung pada tatasusunan dan blok boleh digunakan untuk mencetak setiap elemen.

Contohnya:

{{range .Array}}
    {{.}}
{{end}}

Penyelesaian #2: Mencipta Javascript Tatasusunan

Untuk menjadikan tatasusunan Go tersedia untuk pemprosesan Javascript selanjutnya, anda boleh menggunakan templat untuk menjana kod Javascript yang mencipta semula tatasusunan pada bahagian klien. Berikut ialah contoh:

<script>
    var arr = [
        {{range .Array}}
            {{.}},
        {{end}}
    ];

    // Now you have a Javascript array: arr
</script>

Sebagai alternatif, memandangkan tatasusunan boleh dipaparkan sebagai tatasusunan Javascript dalam templat, anda boleh memudahkan kod kepada:

<script>
    var arr = {{.Array}};

    // Now you have a Javascript array: arr
</script>

Penyelesaian ini membolehkan anda mencipta semula tatasusunan dalam Javascript dan gunakannya untuk sebarang pemprosesan yang diperlukan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengakses Go Array daripada Javascript dalam Templat HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!