Este artículo describe brevemente la sintaxis básica de JSRender para Object. Compártelo para su referencia. Los detalles son los siguientes:
Como motor de plantilla JavaScript, JSRender es esencial para tener una función de bucle, es decir, para. Sin embargo, debido a que JSRender es demasiado flexible, ya que realmente puede aceptar el objeto como un objeto de bucle.
Se permiten tanto {{para matriz}} como {{para objeto}}. Todos pueden entender {{para matriz}}, que es atravesar una matriz y eliminar cada elemento uno por uno. Pero {{para objeto}} es un poco increíble, y la documentación oficial solo da un ejemplo que no es útil, sin ninguna explicación.
Al principio, Xiaocai pensó que el propósito de {{para objeto}} era atravesar todas las propiedades del objeto, pero si piensa cuidadosamente, esta función {{Props Object}} se ha implementado. La función de la etiqueta Props es atravesar todas las propiedades del objeto. El número de propiedades que hay que hay, el número de veces se verá en bucle. Cada bucle tendrá dos propiedades ocultas: Key, Prop, Key representa el nombre del atributo, y el PROP representa el valor del atributo, que es muy conveniente de usar.
De hecho, {{para objeto}} no es un bucle, puede entenderse como ingresar (en), es decir, ingresar el entorno de objeto y establecer el contexto actual en objeto, similar a la con HandleBars.js.
Por ejemplo:
datos:
Copie el código de la siguiente manera: {
"Título": "El equipo A",
"Miembros": [
{
"Nombre": "Pete",
"Ciudad": "Members_City",
"DIRECCIÓN": {
"Ciudad": "Dirección_city",
"City1": "Dirección_city1",
"City2": "Dirección_city2"
}
}
]
}
Marca de plantilla:
Copie el código de la siguiente manera: {{para miembros}}
{{para la dirección}}
<p>. {{: City}} </p>
{{/para}}
{{/para}}
resultado:
La copia del código es la siguiente: direcciones_city
De los resultados, podemos ver que aunque el elemento de los miembros también tiene un atributo de la ciudad, ya que ingresan el objeto señalado por dirección a través de {{para la dirección}}, {{: ciudad}} se obtiene directamente de la dirección.
Al mismo tiempo, la dirección tiene tres propiedades, pero solo se emite una línea como resultado, lo que demuestra que {{para Object}} no buce, simplemente alterne esto.
Espero que este artículo sea útil para el aprendizaje de programación JSRender de todos.