Access Propiedades del modelo MVC en javascript

Pregunta: ¿Cómo acceder a datos vinculados a un modelo de vista en el código JavaScript? Por ejemplo, ¿cómo acceder a las propiedades de Floor PlansettingsModel en JavaScript?

intento inicial:

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

Respuesta:

Para acceder a las propiedades del modelo MVC desde JavaScript, el modelo debe ser serializado en un objeto JavaScript. El método es el siguiente:

serializar todo el modelo:

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

serializar atributos del modelo específicos:

Si solo necesita una propiedad específica, como plano de planta, simplemente codifique esa propiedad:

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

Ahora puede acceder a las propiedades usando objetos JavaScript serializados:

alert(floorplanSettings.IconsDirectory);  // 访问IconsDirectory属性