Używając Razor, jak wyrenderować wartość logiczną do zmiennej JavaScript?

144

Jak wyrenderować wartość logiczną do zmiennej JavaScript w pliku cshtml?

Obecnie pokazuje to błąd składni:

<script type="text/javascript" >

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

javascript asp.net-mvc razor

— Nikos
źródło

@ nie jest prawidłowym operatorem JS. Oznacza to, że może wystąpić tylko w smyczkach

— Ivan Kuckir

to pytanie sprawia, że czuję się stary

— Nikos

Nie wiem, co to jest T #, więc założyłem, że oznacza to C # @Nikos;)

— Mafii

twój komentarz nie ma sensu

— Nikos

wow to Qu naprawdę uderzyło w Rep

— Nikosa

298

Możesz także spróbować:

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

a coraz lepszym sposobem jest użycie:

isFollowing: @Json.Encode(Model.IsFollowing)

— inny_użytkownik
źródło

63

@Json.Encode(Model.IsFollowing)to imho najbardziej eleganckie rozwiązanie. Dziękuję Ci!

— Sandro,

2

Zwykle będzie używanych więcej niż jedna wartość logiczna, w którym to przypadku kodowanie całego modelu sprawia, że później jest przyjemny i łatwy w użyciu. np .: var model = @ Html.Raw (Json.Encode (Model)); a potem możesz po prostu zadzwonić do modelu IsFollowing (Przepraszam, nie wiem, jak poprawnie sformatować kod komentarza)

— Jynn

Dodaj, @using System.Web.Helpersaby uzupełnić kod.

— taylorswiftfan

29

Wartość logiczna JSON musi być zapisana małymi literami.

Dlatego spróbuj tego (i upewnij się, że nie ma //komentarza w wierszu):

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

Lub (uwaga: musisz użyć przestrzeni nazw System.Xml):

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

— Lucero
źródło

1

Podejście .ToString () jest prawdopodobnie najbardziej wydajne. Używanie „@ Model.IsFollowing.ToString (). ToLowerInvariant ()” musi być nieco wydajniejsze i nieco prostsze.

— XDS

Korzystanie z metody ciąg i obniżania jest zdecydowanie najczystsze w mojej opcji, ponieważ ładnie się czyta w javascript.

— Frank Thomas

28

Ponieważ wyszukiwanie przyniosło mnie tutaj: w ASP.NET Core IJsonHelpernie ma Encode()metody. Zamiast tego użyj Serialize(). Na przykład:

isFollowing: @Json.Serialize(Model.IsFollowing)

— Marc L.
źródło

3

Dziękujemy za wzmiankę o asp.net core!

— Sharif Mamun,

13

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

Dlaczego Truei nie truepytasz ... Dobre pytanie:
dlaczego Boolean.ToString wyświetla „True”, a nie „true”

— gdoron wspiera Monikę
źródło

Nie ma co kwestionować, ale czy kodowanie jest @Model.IsFollowingrzeczywiście prawidłową składnią JS? A może opiera się na fakcie, że będzie to spowodowane faktem, że jest to wartość logiczna?

— gahooa

@ Model.IsFollowing to składnia brzytwy, a nie js

— Nikos

@gahooa, nie, nie jest, jest analizowany na serwerze z silnikiem Razor.

— gdoron wspiera Monikę

@Nikos, spróbuj:'@(Model.IsFollowing)'

— gdoron wspiera Monikę

@Nikos, czy próbowałeś go uruchomić? wiele razy jest to tylko problem z Visual Studio, ale działa idealnie. Spróbuj go uruchomić!

— gdoron wspiera Monikę

4

Oto kolejna opcja do rozważenia, używając !! konwersja na wartość logiczną.

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

Spowoduje to wygenerowanie następującego po stronie klienta, przy czym 1 zostanie przekonwertowany na prawdę, a 0 na fałsz.

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

— Stuart Hallows
źródło

drobna korekta !! @ (Model.IsFollowing? 1: 0) działa świetnie

— kurczak

3

Rozwiązaniem, które jest łatwiejsze do odczytania, byłoby zrobienie tego:

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

— marxlaml
źródło