javascript - 在 MVC Razor 的 Javascript 中，用模型中的值替换关键字

Question

当您在 MVC razor View 上有一些 JavaScript 时，是否可以在多部分语句的中间进行模型变量替换。

澄清一下我有代码

<script>
 function drawChart() {
    $.post('@Url.Content("~/Home/GetDataAssets")', function (d) {
        ...
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    });
};

我希望显示的图表类型来自模型。所以图表线必须看起来像

var chart = new google.visualization.@Model.ChartType(document.getElementById('chart_div'));

其中 LineChart 已替换为 @Model.ChartType

这显然给出了错误

ChartType is being used like a method

有没有办法进行这种替换？

Answer 1

正如@stephen-muecke 所说，razor 代码在服务器端 解析，javascript 代码在客户端 解析。

如果Model.ChartType返回一个字符串，即 LineChart ，你只需要输出括号和它的内容(...)作为文本。

为此，您必须添加 @{<text> ... </text>}输出纯文本，如下所示

var chart = new google.visualization.@Model.ChartType@{<text>(document.getElementById('chart_div'));</text>}

客户端的结果将是，以我为例

var chart = new google.visualization.LineChart(document.getElementById('chart_div'));