AngularJS-Conflicto de ramita con llaves dobles

Esta pregunta parece respondida, pero una solución más elegante que no se ha mencionado es simplemente encerrar las llaves rizadas entre comillas entre las llaves rizadas de ramita, así: {[12]]}

{{ '{{myModelName}}' }}

Si está utilizando una variable para el contenido, haga esto en su lugar:

{{ '{{' ~ yourvariable ~ '}}' }}

Debe usar comillas simples, no comillas dobles. Las comillas dobles permiten la interpolación de cadenas por Ramita, por lo que debe tener más cuidado con el contenido, especialmente si está utilizando expresiones.

Si todavía odias ver todas esas llaves, también puedes crear una macro simple para automatizar el proceso:

{% macro curly(contents) %}
   {{ '{{' ~ contents ~ '}}' }}
{% endmacro %}

Guárdelo como un archivo e impórtelo en su plantilla. Estoy usando ng para el nombre porque es corto y dulce.

{% import "forms.html" as ng %}

O puede poner la macro en la parte superior de su plantilla e importarla como _self (ver aquí):

{% import _self as ng %}

Entonces úsalo como sigue:

{{ ng.curly('myModelName') }}

Esto salidas:

{{myModelName}}

...y un seguimiento para aquellos que usan MtHaml junto a Twig. MtHaml habilita el uso de AngularJS curlies de la manera normal porque se accede a cualquier código Twig - and = en lugar de {{ }}. Por ejemplo:

HTML simple + AngularJS:

<tr ng-repeat="product in products">
   <td> {{ product.name }} </td>
</tr>

MtHaml + AngularJS:

%tr(ng-repeat="product in products")
   %td {{ product.name }}

MtHaml + AngularJS con Ramita de estilo MtHaml:

- set twigVariable = "somevalue"
= twigVariable
%tr(ng-repeat="product in products")
   %td {{ product.name }}