L'exécution de Javascript MVC code en Cas de déclaration incorrecte

Je peux voir un couple de choses qui se passent ici et qui ont un impact sur votre capacité à rendre les données correctes.

Tout d'abord, le MVC variables sont traitées sur le côté serveur. Votre application est toujours en essayant de rendre une valeur pour le @Model.Birthday.Value propriétés dans votre Javascript pour générer le code HTML. Ce sera le cas, peu importe si la propriété est vraie ou fausse dans votre exemple car c'est en s'appuyant sur le Javascript côté client pour faire du conditionnel et pas de Rasoir. Ci-dessous est un exemple de travail de votre problème.

Modèle De Vue

namespace MvcApplication1.Models
{
    public class TestViewModel
    {
        public DateTime? NullDate { get; set; }

        public DateTime? DateWithValue { get; set; }
    }
}

Contrôleur

public ActionResult Index()
        {
            return View(new TestViewModel{DateWithValue = DateTime.Now, 
NullDate = null});
            }

Vue

@model MvcApplication1.Models.TestViewModel
@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<script type="text/javascript">
    var today;
    var anotherDay;

    @{if(Model.NullDate.HasValue)
    {
        @: alert('Null date had a value!');
        @: today = new Date('@Model.NullDate.Value.Year', parseInt('@Model.DateWithValue.Value.Month') - 1, '@Model.NullDate.Value.Day');
    }else
      {
        @: alert('Null date did not have a value');
        @: today = new Date();
    }}

    @{if (Model.DateWithValue.HasValue)
      {
        @: alert('DateWithValue had a value!');
            @: anotherDay = new Date('@Model.DateWithValue.Value.Year', parseInt('@Model.DateWithValue.Value.Month') - 1, '@Model.DateWithValue.Value.Day');
          @: alert(anotherDay);
      }
      else
      {
          @: alert('DateWithValue date did not have a value');
        @: anotherDay = new Date();
    }}
</script>

Maintenant, évidemment, le code est dupliqué dans la section Javascript, afin de montrer qu'il fonctionne pour les Nuls et les valeurs Non null dans la même action de contrôleur.

Comme vous pouvez le voir dans le point de Vue, nous allons nous assurer que nous sommes à l'aide de la syntaxe Razor pour la vérification du Modèle et Javascript pour le réglage du côté client réelle de la variable. Aussi, je me demande si votre "- 1 " a été fonctionne correctement. Afin de faire la soustraction dans cet exemple, j'ai jeté que la valeur d'un Int à partir du Javascript, mais c'est un détail mineur.

Pour la référence, c'est un MVC 4 projet sur VS2012, Windows 8 Professional testé avec google Chrome.

OriginalL'auteur Tommy

Le problème, c'est que vous avez mélangé le code côté client et côté serveur code. Le javascript est exécuté côté client, mais seulement après que tous du côté serveur, le code a été complété.

Donc @Modèle.D'anniversaire.HasValue, @Modèle.D'anniversaire.De la valeur.L'année, etc. seront tous évalués sur le côté serveur, avant qu'il ne se fait jamais n'importe où près du navigateur. Le code javascript (et donc dans ce cas, l'instruction if) n'arriverons jamais au navigateur que l'exception est survenue côté serveur, en essayant d'évaluer le Modèle.D'anniversaire.De la valeur.Année sur un objet null.

Vous avez besoin de déplacer le conditionnel côté serveur, par exemple

@if(Model.Birthday.HasValue){
    @:today = new Date(@(Model.Birthday.Value.Year), @(Model.Birthday.Value.Month) - 1, @(Model.Birthday.Value.Day));
} else {
    @:today = new Date();
}

OriginalL'auteur CupawnTae