Menggunakan Razor, bagaimana cara membuat Boolean ke variabel JavaScript?

144

Bagaimana cara me-render Boolean ke variabel JavaScript dalam file cshtml?

Saat ini ini menunjukkan kesalahan sintaksis:

<script type="text/javascript" >

    var myViewModel = {
        isFollowing: @Model.IsFollowing  // This is a C# bool
    };
</script>

javascript asp.net-mvc razor

— Nikos
sumber

@ bukan operator JS yang valid. Ini berarti, bahwa itu hanya dapat terjadi dalam string

— Ivan Kuckir

pertanyaan ini membuat saya merasa tua

— Nikos

Saya tidak tahu apa itu T #, jadi saya berasumsi ini berarti C # @Nikos;)

— Mafii

komentar Anda tidak masuk akal

— Nikos

wow Qu ini benar - benar bertemu Rep

— Nikos

298

Anda mungkin juga ingin mencoba:

isFollowing: '@(Model.IsFollowing)' === '@true'

dan cara yang lebih baik adalah dengan menggunakan:

isFollowing: @Json.Encode(Model.IsFollowing)

— pengguna lain
sumber

63

@Json.Encode(Model.IsFollowing)adalah imho solusi paling elegan. Terima kasih!

— Sandro

2

Biasanya akan ada lebih dari satu boolean yang digunakan dalam hal pengkodean seluruh model membuat hal-hal bagus dan mudah digunakan setelahnya. mis: var model = @ Html.Raw (Json.Encode (Model)); dan kemudian Anda bisa memanggil model.IsFollowing (Maaf saya tidak tahu bagaimana memformat kode komentar dengan benar)

— Jynn

Tambahkan @using System.Web.Helpersuntuk menyelesaikan kode.

— taylorswiftfan

29

Boolean JSON harus berukuran kecil.

Karena itu, coba ini (dan pastikan tidak ada //komentar di telepon):

var myViewModel = {
    isFollowing: @Model.IsFollowing.ToString().ToLower()
};

Atau (catatan: Anda perlu menggunakan namespace System.Xml):

var myViewModel = {
    isFollowing: @XmlConvert.ToString(Model.IsFollowing)
};

— Lucero
sumber

1

Pendekatan .ToString () mungkin yang paling efisien. Menggunakan '@ Model.IsFollowing.ToString (). ToLowerInvariant ()' harus sedikit lebih efisien dan agak lebih mudah.

— XDS

Menggunakan metode ini, untuk merangkai dan menurunkan jelas merupakan pilihan terbersih saya karena terbaca dengan baik dalam javascript.

— Frank Thomas

28

Karena pencarian membawa saya ke sini: di ASP.NET Core, IJsonHelpertidak memiliki Encode()metode. Sebaliknya, gunakan Serialize(). Misalnya:

isFollowing: @Json.Serialize(Model.IsFollowing)

— Marc L.
sumber

3

Terima kasih telah menyebutkan inti asp.net!

— Sharif Mamun

13

var myViewModel = {
    isFollowing: '@(Model.IsFollowing)' == "True";
};

Mengapa Truedan tidak trueAnda tanyakan ... Pertanyaan bagus:
Mengapa Boolean.ToString menampilkan "Benar" dan bukan "benar"

— gdoron mendukung Monica
sumber

Bukan untuk mempertanyakannya, tetapi apakah penyandian @Model.IsFollowingsintaks JS sebenarnya valid? Atau apakah itu bergantung pada kenyataan bahwa itu akan terjadi karena kebetulan adalah boolean?

— gahooa

@ Model.IsFollowing adalah sintaks silet, bukan js

— Nikos

@ gahooa, tidak bukan, itu diurai di server dengan mesin Razor.

— gdoron mendukung Monica

@ Nikos, lalu coba:'@(Model.IsFollowing)'

— gdoron mendukung Monica

@ Nikos, Apakah Anda mencoba menjalankannya? banyak kali itu hanya masalah Visual Studio tetapi berjalan dengan sangat baik. Coba jalankan!

— gdoron mendukung Monica

4

Berikut opsi lain untuk dipertimbangkan, menggunakan !! konversi ke boolean.

isFollowing: !!(@Model.IsFollowing ? 1 : 0)

Ini akan menghasilkan yang berikut di sisi klien, dengan 1 dikonversi menjadi true dan 0 menjadi false.

isFollowing: !!(1)  -- or !!(0)

— Stuart Hallows
sumber

koreksi minor !! @ (Model.IsFollowing? 1: 0) sangat bagus

— ayam

3

Solusi yang lebih mudah dibaca adalah dengan melakukan ini:

isFollowing: @(Model.IsFollowing ? "true" : "false")

— marxlaml
sumber