c# - mvc - Mezcle Razor y código de Javascript

razor script javascript

Question

Estoy bastante confundido con la forma de mezclar razor y js. Esta es la función actual a la que estoy atascado:

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

Si pudiera declarar el código c # con <c#></c#> y todo lo demás fuera código JS, esto sería lo que busco:

<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#>

¿Cuál es el mejor método para lograr esto?

Answer 1

Dentro de un bloque de código (por ejemplo, @foreach ), debe marcar el marcado (o, en este caso, Javascript) con @: o la etiqueta <text> .

Dentro de los contextos de marcado, debe rodear el código con bloques de código ( @{ ... } o @if , ...)

Answer 2

Envuelva su código Razor en @ {} cuando esté dentro de la secuencia de comandos JS y tenga en cuenta el uso de solo @ Algunas veces no funciona:

function hideSurveyReminder() {
@Session["_isSurveyPassed"] = true;
}

Esto producirá

function hideSurveyReminder() {
False = true;
}

en el navegador = (

Answer 3

Nunca más mezcles más idiomas.

<script type="text/javascript">
var data = @Json.Encode(Model); // !!!! export data !!!!
for(var prop in data){
console.log( prop + " "+ data[prop]);
}

Answer 4

Use <text> :

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

Answer 5

también puedes simplemente usar

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

nota @: