在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属性