I'm pretty confused with how to mix razor and js. This is the current function I am stuck with: ``` var data = []; @foreach (var r in Model.rows) { data.push([ @r.UnixTime * 1000, @r.Value ]); } ``` If I could declare c# code with ` ` and everything else was JS code -- this would be what I am after: ``` var data = []; @foreach (var r in Model.rows) { data.push([ @r.UnixTime * 1000, @r.Value ]); } ``` What is the best method to achieve this?

Mix Razor and Javascript code

c#, javascript, razor

Solution

Use `<text>`:

<script type="text/javascript">

   var data = [];

   @foreach (var r in Model.rows)
   {
      <text>
            data.push([ @r.UnixTime * 1000, @r.Value ]);
      </text>
   }
</script>

Problem

I'm pretty confused with how to mix razor and js. This is the current function I am stuck with: ``` <script type="text/javascript"> var data = []; @foreach (var r in Model.rows) { data.push([ @r.UnixTime * 1000, @r.Value ]); } ``` If I could declare c# code with `<c#></c#>` and everything else was JS code -- this would be what I am after: ``` <script type="text/javascript"> var data = []; <c#>@foreach (var r in Model.rows) {</c#> data.push([ <c#>@r.UnixTime</c#> * 1000, <c#>@r.Value</c#> ]); <c#>}</c#> ``` What is the best method to achieve this?

Original source