ASP.NET MVC 4 - Razor dentro de la función Javascript dentro de @Section Causas Error de ámbito

Question

El problema es que colocar una variable C# dentro de una función JS dentro de @Section produce javascript incorrecto (solo en MVC 4).

En una función JS en MVC 3, todo se ejecuta como se esperaba.

@section test { 

<script type="text/javascript"> 
    $(function() { 
     alert(@DateTime.Now); 
    }); 
</script> 
} 

Tome este mismo código y colocarlo en una aplicación MVC4 y obtendrá JS malformados.

El HTML de la página en realidad hará que el siguiente:

<script type="text/javascript"> 
    $(function() { 
     alert(12/27/2011 11:04:04 AM); 

y el html emitirá

); }

Tenga en cuenta que la etiqueta de script de cierre no se produce.

Parece que la llave de cierre en la función JS se confunde con la llave de cierre de Razor.

en cuenta que yo también estoy declarando un RenderSection ("test", falsa ") en mi archivo _Layout.cshtml.

Answer 1

Respuesta ligeramente anterior, pero estaba experimentando el mismo problema, por lo que he enviado un informe de comentarios sobre Microsoft.Connect con suerte, debería ser ordenado antes del lanzamiento completo.

https://connect.microsoft.com/VisualStudio/feedback/details/720079/mvc-4-javascript-in-section-issue

Answer 2

que he visto este tipo de problemas. Envuelva su estado de alerta en <text></text> etiquetas

Answer 3

lo que terminé haciendo por ahora se emite la JS func cierre en Html.Raw @().

Dado que este es tan fácil de recrear, voy a presentar esto como un error a Microsoft.

@section test { 
    <script type="text/javascript"> 
     $(function() { 
      alert(@DateTime.Now); 
     @(Html.Raw("});")) 
    </script> 
} 

Answer 4

Sé que han sido una artimaña desde que se hizo la pregunta, pero también se puede intentar algo como esto.

@section test { 
    <script type="text/javascript"> 
     $(function() { 
      alert(@(DateTime.Now)); 
     }); 
    </script> 
} 

Tenga en cuenta que "()" después de @.

Espero que te ayudemos.

Answer 5

Definitivamente un error. Prefiero esta solución sobre la que publicaste. Por alguna razón, otros elementos de afeitar parecen interpretar los corchetes correctamente, por lo que simplemente envuelvo el contenido del script en otro conjunto de llaves.

@section test { 
if (true) { 
<script type="text/javascript"> 
    $(function() { 
     alert(@DateTime.Now); 
    }); 
</script> 
} 
} 

Answer 6

Lo sentimos, no pude dejar de meter su cuchara aquí ... No veo cómo la sintaxis de la pregunta inicial sería en realidad el trabajo. Cuando lo pruebo en MVC3, en VS2010, pone una línea ondulada verde debajo del "DateTime", y cuando pasa el cursor sobre eso, dice "La compilación condicional está desactivada".Pero si me rodeo entre comillas, que hace el trabajo, como en:

@section test { 

<script type="text/javascript"> 
    $(function() { 
     alert("@DateTime.Now"); 
    }); 
</script> 
} 

Y luego, cuando lo ejecuto (F5) se muestra la alerta de JavaScript como se esperaba, y cuando me vista de origen que presta:

<script type="text/javascript"> 
    $(function() { 
     alert("07/09/2012 10:41:26"); 
    }); 
</script>