javascript - 访问 .js 文件中的模型参数

Question

我正在将所有 javascript 从我的 View 中移出，并移至单独的 .js 文件中。但我面临一个问题。

某些 JavaScript 引用模型参数:

var data = @Html.Raw(Model.RunningTotalData)

@Html，可能还有 Model... 在 js 文件中不可用。

一个解决方案可能是 <div>代码正在使用，创建一个数据类型字段？并将其填充到 View 上，然后 js 代码以某种方式读取该数据？

目前，js正在div上渲染图形，定义为:

<div id="allbalancediv" style="width: 100%;"></div>

我可以在那里添加一个 data-xxx ，然后在我的 js 代码中引用该数据字段吗？我不确定这是否是正确的方法，或者是否有更好的选择。

Answer 1

您显然无法将服务器端内容呈现到静态 JavaScript 文件中。但您仍然可以渲染一个为 JS 文件设置数据的脚本标记。

// View
<script>var data = @Html.Raw(Model.RunningTotalData)</script>
<script src="/frontend.js"></script>

<小时/>

或者为 JS 代码提供一个 id 的数据属性，以便通过 AJAX 从 JSON api 获取也可以。