À l'aide de Razor, comment rendre un booléen en variable JavaScript?

144

Comment rendre un booléen en une variable JavaScript dans un fichier cshtml?

Actuellement, cela montre une erreur de syntaxe:

<script type="text/javascript" >

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

javascript asp.net-mvc razor

— Nikos
source

@ n'est pas un opérateur JS valide. Cela signifie que cela ne peut se produire que dans les chaînes

— Ivan Kuckir

cette question me fait me sentir vieux

— Nikos

Je ne sais pas ce qu'est T #, alors j'ai supposé que cela signifiait C # @Nikos;)

— Mafii

votre commentaire n'a pas de sens

— Nikos

wow ce Qu a vraiment frappé le représentant

— Nikos

298

Vous pouvez également essayer:

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

et une manière toujours meilleure est d'utiliser:

isFollowing: @Json.Encode(Model.IsFollowing)

— autre_utilisateur
source

63

@Json.Encode(Model.IsFollowing)est à mon avis la solution la plus élégante. Je vous remercie!

— Sandro

2

Normalement, il y aura plus d'un booléen utilisé, auquel cas l'encodage de l'ensemble du modèle rend les choses agréables et faciles à utiliser par la suite. par exemple: var model = @ Html.Raw (Json.Encode (Model)); et ensuite vous pouvez simplement appeler model.IsFollowing (Désolé, je ne sais pas comment formater le code de commentaire correctement)

— Jynn

Ajoutez @using System.Web.Helperspour compléter le code.

— taylorswiftfan le

29

Le booléen JSON doit être en minuscules.

Par conséquent, essayez ceci (et assurez-vous de ne pas avoir le //commentaire sur la ligne):

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

Ou (note: vous devez utiliser l'espace de noms System.Xml):

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

— Lucero
source

1

L'approche .ToString () est probablement la plus efficace. Utiliser '@ Model.IsFollowing.ToString (). ToLowerInvariant ()' doit être un peu plus efficace et un peu plus simple.

— XDS

En utilisant la méthode, enchaîner et abaisser est certainement la plus propre de mon option car elle se lit bien en javascript.

— Frank Thomas

28

Parce qu'une recherche m'a amené ici: dans ASP.NET Core, IJsonHelpern'a pas de Encode()méthode. Utilisez plutôt Serialize(). Par exemple:

isFollowing: @Json.Serialize(Model.IsFollowing)

— Marc L.
source

3

Merci d'avoir mentionné asp.net core!

— Sharif Mamun

13

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

Pourquoi Trueet pas truevous demandez ... Bonne question:
Pourquoi Boolean.ToString affiche-t-il "True" et non "true"

— gdoron soutient Monica
source

Ne pas le remettre en question, mais le codage de la @Model.IsFollowingsyntaxe JS est-il réellement valide? Ou est-ce que cela se fonde sur le fait que ce sera parce que cela se trouve être booléen?

— gahooa

@ Model.IsFollowing est la syntaxe de rasoir, pas js

— Nikos

@gahooa, non ce n'est pas le cas, il est analysé sur le serveur avec le moteur Razor.

— gdoron soutient Monica le

@Nikos, alors essayez:'@(Model.IsFollowing)'

— gdoron soutient Monica le

@Nikos, avez-vous essayé de l'exécuter? souvent, c'est juste un problème de Visual Studio, mais cela fonctionne parfaitement. Essayez de l'exécuter!

— gdoron soutient Monica le

4

Voici une autre option à considérer, en utilisant le !! conversion en booléen.

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

Cela générera les éléments suivants du côté client, 1 étant converti en vrai et 0 en faux.

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

— Stuart Hallows
source

correction mineure !! @ (Model.IsFollowing? 1: 0) fonctionne très bien

— poulet

3

Une solution plus facile à lire serait de faire ceci:

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

— marxlaml
source