访问.js文件中的Model参数

Question

我正在将我的所有javascript移出我的视图，并转移到单独的.js文件中。但我面临一个问题。

有些javascript引用了模型参数：

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

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

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

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

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

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

Answer 1

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

---
- hosts: appserver
  roles:
    - { role: mail, tags: ["mail"] }
    - { role: firewall, tags: ["firewall"] }
    - { role: webserver, tags: ["webserver"] }
    - { role: cache, tags: ["cache"] }

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