MVC 3 Rasoir Vue: Génération de JavaScript à partir d'un modèle booléen valeur

La Version 1 est le seul de ceux que j'avais vote pour, même si ils ont tous travaillé, parce que c'est la plus lisible. Malheureusement je n'ai pas de VS à la maison donc je ne peux pas l'essayer pour voir ce que l'auto-problème de mise en forme, mais si possible je voudrais d'ignorer le problème et aller de l'avant et utiliser cette version étant donné qu'il n'y a rien fait, le problème avec le code, c'est VS qui est confus. (Vous dites que VS essaie d'interpréter la chose comme JS et donc de trouver qu'il est invalide?)

Mais si vous voulez quelques autres options:

Cinquième tentative...

@{ string IsSet = Model.IsSet  ? "true" : ""; }

var isSet = !!"@(IsSet)";
//OR
var isSet = Boolean("@(IsSet)");

Forcer la valeur de la chaîne en une valeur booléenne avec l'ancien double-pas-opérateur truc - comme vous l'a déjà souligné à la fois "vrai" et "faux" allait devenir vrai, mais ce problème disparaît si vous utilisez le "vrai" et "" (chaîne vide) - de sorte que vous pouvez utiliser Boolean() que par votre "troisième tentative".

Sixième tentative...

@{ string IsSet = Model.IsSet  ? "true" : "false"; }

//helper function at the top of your page:
function bool(strVal) {
   return strVal === "true";
}

//variable declaration
var isSet = bool("@(IsSet)");

OK, si vous vous retrouvez avec une assez inutile de fonction en haut de votre page, mais il conserve la variable réelle déclarations raisonnablement bien rangé et si le débogage côté client vous verrez bool("false") ou bool("true").

Septième tentative...

Je n'aime pas l'étape supplémentaire de la création du serveur-côté string IsSet = Model.IsSet ? "true" : "false"; à l'avance. Je ne connais pas la syntaxe Razor, mais pouvez-vous dire quelque chose le long des lignes de:

var isSet = !!"@(Model.IsSet ? "true" : "")";
//OR, better:
var isSet = !!"@(rzrBool(Model.IsSet))";
//where rzrBool() is a server-side helper function (that you would create)
//which returns "true" or ""

Je pense à tous mes "tentatives" de travail, mais encore une fois je pense que votre "première tentative" est la meilleure option.

Aucune des versions montré jusqu'à présent (à la fois dans la question et les réponses) est quelque chose que je voudrais utiliser. Voici comment j'allais le faire:

@model MyViewModel
<script type="text/javascript">
    var isSet = @Html.Raw(Json.Encode(Model.IsSet));

    //TODO: use the isSet javascript variable here as a standard boolean value
</script>

ou si vous avez besoin d'autres propriétés de votre modèle de vue pour être manipulée avec javascript, il pourrait JSON coder l'ensemble du modèle:

@model MyViewModel
<script type="text/javascript">
    var model = @Html.Raw(Json.Encode(Model));

    if (model.IsSet) {
        alert(model.FooBar);
    }
</script>

var isSet = /true/i.test('@Model.IsSet');

• Seule ligne
• Traite le cas de différence entre les deux .Net et JavaScript
• Fonctionne avec la fonction d'auto-mise en forme (Visual Studio et Visual Studio avec Resharper)
• Raisonnablement idiomatiques si vous êtes familier avec JavaScript regexes
• Assez résilient aux erreurs de logique; il devrait faire comme prévu ou de jeter une erreur JavaScript (ou éventuellement un Rasoir erreur de compilation).

var isSet= @((bool)Model.IsSet?"true":"false");

Je sais que c'est une vieille question, mais aucune des réponses sont particulièrement élégant.

La solution la plus simple dans ces situations, c'est simplement pour ajouter des +0 à votre conditionnelle. Cette convertit implicitement bool int, mais comme le résultat est 0 ou 1 il est immédiatement converti en arrière de nouveau par l'instruction if. Exemple:

//The space is optional
if (@IsSet +0) {
    //Do stuff
}

L'affectation d'une valeur booléenne d'une variable peut être réalisé comme suit:

//Note the double (not triple) equals, which performs type conversion
var isSet = @IsSet+0 == true;

Le code fonctionne, vous n'obtenez pas de traits rouges ondulés, et Visual Studio formateur est heureux.