从 Javascript 访问 MVC 的模型属性

小编典典

从 Javascript 访问 MVC 的模型属性

all

我有以下模型，它包含在我的视图模型中

public class FloorPlanSettingsModel
{
    public int Id { get; set; }
    public int? MainFloorPlanId { get; set; }
    public string ImageDirectory { get; set; }
    public string ThumbnailDirectory { get; set; }
    public string IconsDirectory { get; set; }
}

如何从 Javascript 访问上述属性之一？

我试过这个，但我得到“未定义”

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

阅读 69

2022-07-28

共1个答案

小编典典

您可以通过执行以下操作将整个服务器端模型转换为 Javascript 对象：

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

在您的情况下，如果您只想要 FloorPlanSettings 对象，只需传递该Encode属性的方法：

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

2022-07-28