在JavaScript中访问MVC模型属性

问题： 如何在JavaScript代码中访问绑定到视图模型的数据？例如，如何在JavaScript中访问FloorPlanSettingsModel的属性？

最初尝试：

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

答案：

要从JavaScript访问MVC模型属性，需要将模型序列化为JavaScript对象。方法如下：

序列化整个模型：

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

序列化特定模型属性：

如果您只需要特定属性，例如FloorPlanSettings，只需编码该属性：

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

现在，您可以使用序列化的JavaScript对象访问属性：

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