Razor/JavaScript y punto y coma posterior

Question

Al usar Visual Studio 2012, en una página Razor view, en la sección de JavaScript, obtengo lo que creo es una batalla entre la sintaxis de Razor frente a la sintaxis de JavaScript. En particular, el punto y coma final en la sección del script está marcado por intellisense y se entrega una advertencia del compilador (no error):

'Advertencia 13 Error de sintaxis'.

Si lo elimino, entonces obtengo una recomendación de terminación de extracto (ReSharper en este caso, pero solo una buena práctica).

<script type="text/javascript"> 
    $().ready(function(){ 
     var customer = @Html.Raw(ViewBag.CustomerJSON); // <- Razor (I think) doesn't like this semicolon 
    }); 
</script> 

¿Esto es un error en Razor? Si es así, ¿hay alguna manera de reescribir esto para evitar este problema?

Answer 1

¿Esto es un error en Razor?

Absolutamente no. Ejecute su aplicación, y funcionará como se esperaba.

Es un error de los instrumentos que está utilizando (Visual Studio     2012, ReSharper, ...) que son incapaces de reconocer la sintaxis perfectamente válido y que le advierte sobre algo que no debe ser advertido acerca. Podría tratar de abrir un problema en el sitio de Microsoft Connect e indicar este error si aún no se ha hecho.

Answer 2

Como esto parece estar sucediendo y es una molestia, pensé que al menos les haría saber a los demás lo que terminé usando como un "truco". No quiero ignorar la advertencia y preferiría aceptar una sintaxis hokier (y sí, alguien va a decir que esto matará el rendimiento :))

Lo que uso como solución es usar una adición del lado del cliente en el fin. Para mí se produjo el error en la definición de un "número entero" constante, de modo

window.foo = @(Model.Something); 

me dio la buena error de coma de edad. Simplemente cambió por:

window.foo = @Model.Something + 0; 

(En el caso de preguntas declarado que sólo debe ser capaz de añadir '', por lo que + ''

Sé que es un todo otra adición sucediendo en el cliente. y no es elegante, pero evita el error. Por lo tanto, úselo o no, pero prefiero esto más que ver la advertencia/error.

Si alguien sabe de una solución sintáctica del lado del servidor para esto I preferiría esto al lado del cliente, así que por favor agregue.

Answer 3

Esto funcionó para mí :

var customer = @Html.Raw(ViewBag.CustomerJSON + ";") 

Answer 4

Aquí es una solución para los booleanos:

var myBool = @(Model.MyBool ? "true;" : "false;") 

Answer 5

Esto funcionó para mí

@Html.Raw(string.Format("var customer = {0};", ViewBag.CustomerJSON)); 

Answer 6

me encontré con que envolver la sintaxis Razor en una función de identidad JavaScript también hace que el IDE feliz.

<script type="text/javascript"> 
    @* I stands for Identity *@ 
    function I(obj) { return obj; } 
    $().ready(function(){ 
     var customer = I(@Html.Raw(ViewBag.CustomerJSON)); 
    }); 
</script> 

Answer 7

<script type="text/javascript"> 
    $().ready(function(){ 
     var customerName = ('@ViewBag.CustomerName'); // <- wrap in parens 
    }); 
</script> 

¿No es tan simple como envolver paréntesis? Poner valores a través de la consola parece funcionar bien sin ningún efecto secundario.

Funciona para cadenas, pero todavía da el error para valores no citados, pero todavía me gusta esto para valores de cadena. Para los números, puede usar parseInt('@Model.TotalResultCount', 10).