如何在剃刀视图中混合代码JS

时间:2020-05-17 20:22:53

标签: javascript asp.net asp.net-mvc asp.net-core

我尝试在View JS函数中使用并与Razor代码混合,但是由于任何原因,在标记为 FROM HERE 的代码无法继续执行功能之后,该功能丢失了包含剃刀代码后继续吗?

<script type="text/javascript">
        FusionCharts.ready(function () {
            var data2 = [];

         @for (var i = 0; i < totalt; i++)
         {
                @:data2.push({
                    @:label: "@data.Results[i].Timestamp",
                    @:value: "@data.Results[i].Value",
                });
**FROM HERE**
            var chartObj = new FusionCharts({
                type: 'line',
                renderAt: 'chart-containeriot',
                width: '493',
                height: '300',
                dataFormat: 'json',
                dataSource: {
                    "chart": {
                        "showBorder": "0",
                        "showShadow": "0",
                        "use3DLighting": "0",
                        "showLabels": "0",
                        "showValues": "1",
                        "paletteColors": "#58E2C2, #F7E53B",
                        "bgColor": "#191c51",
                        "bgAlpha": "100",
                        "canvasBgAlpha": "0",
                        "decimals": "0",
                        "baseFont": "Arial",
                        "baseFontColor": "#FFFFFF",
                        "canvasTopMargin": "0",
                        "showTickMarks": "0",
                        "showTickValues": "0",
                        "showLimits": "0",
                        "majorTMAlpha": "0",
                        "minorTMAlpha": "0",
                        "pivotFillAlpha": "0",
                        "showPivotBorder": "0",
                        "xAxisName": "Day",
                        "yAxisName": "Metros Cubicos",
                        "lineThickness": "2"
                    },
                    "data": data2
                }
            });
            chartObj.render();
        });
    </script>

1 个答案:

答案 0 :(得分:0)

剃刀将@解释为剃刀语法。您应该使用@@

转义代码
@@:data2.push({
   @@:label: "@data.Results[i].Timestamp",
   @@:value: "@data.Results[i].Value",
});