Accédez aux propriétés du modèle MVC dans javascript

Question: Comment accéder aux données liées à un modèle de vue dans le code JavaScript? Par exemple, comment accéder aux propriétés du plancher de sol en JavaScript?

tentative initiale:

var floorplanSettings = "@Model.FloorPlanSettings";
alert(floorplanSettings.IconsDirectory);

Répondre:

Pour accéder aux propriétés du modèle MVC à partir de JavaScript, le modèle doit être sérialisé dans un objet JavaScript. La méthode est la suivante:

sérialiser le modèle entier:

var model = @Html.Raw(Json.Encode(Model));

sérialiser les attributs de modèle spécifiques:

Si vous n'avez besoin que d'une propriété spécifique, telle que des plateaux de plancher, codez simplement cette propriété:

var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));