Access MVC Model Properties em javascript

Pergunta: Como acessar dados vinculados a um modelo de exibição no código JavaScript? Por exemplo, como acessar as propriedades da planura de piso Model em JavaScript?

Tentativa inicial:

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

Responder:

Para acessar as propriedades do modelo MVC do JavaScript, o modelo precisa ser serializado em um objeto JavaScript. O método é o seguinte:

serialize todo o modelo:

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

serializando atributos de modelo específicos:

Se você precisar apenas de uma propriedade específica, como planuras de piso, basta codificar essa propriedade:

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

agora você pode acessar as propriedades usando objetos javascript serializados:

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