在JavaScript中访问MVC模型属性
问题： 如何在JavaScript代码中访问绑定到视图模型的数据？例如，如何在JavaScript中访问FloorPlanSettingsModel的属性？
最初尝试：
<code class="language-javascript">var floorplanSettings = "@Model.FloorPlanSettings"; alert(floorplanSettings.IconsDirectory);</code>
答案：
要从JavaScript访问MVC模型属性，需要将模型序列化为JavaScript对象。方法如下：
序列化整个模型：
<code class="language-javascript">var model = @Html.Raw(Json.Encode(Model));</code>
序列化特定模型属性：
如果您只需要特定属性，例如FloorPlanSettings，只需编码该属性：
<code class="language-javascript">var floorplanSettings = @Html.Raw(Json.Encode(Model.FloorPlanSettings));</code>
现在，您可以使用序列化的JavaScript对象访问属性：
<code class="language-javascript">alert(floorplanSettings.IconsDirectory); // 访问IconsDirectory属性</code>
以上是如何使用 JavaScript 访问 MVC 模型属性？的详细内容。更多信息请关注PHP中文网其他相关文章！
