¿Es posible utilizar AngularJS con el motor de plantillas Jinja2?

Tienes algunas opciones.

1) Cambie la notación delimitadora de Angular:

var app = angular.module('Application', []);

app.config(['$interpolateProvider', function($interpolateProvider) {
  $interpolateProvider.startSymbol('{a');
  $interpolateProvider.endSymbol('a}');
}]);

Lo que se elija para los símbolos de inicio y fin actuará como nuevos delimitadores. En este caso, expresarías una variable a Angular usando {a some_variable a}.

Este enfoque tiene la ventaja de que sólo es necesario establecerlo una vez y ser explícito.

2) Cambie la notación delimitadora de Jinja2.

Anule o subclase Flask.jinja_options.updateel Flaskobjeto que vincula a su aplicación (vars relevantes: block_start_string, block_end_string, variable_start_string, variable_end_string, comment_start_string, comment_end_string):

jinja_options = app.jinja_options.copy()

jinja_options.update(dict(
    block_start_string='<%',
    block_end_string='%>',
    variable_start_string='%%',
    variable_end_string='%%',
    comment_start_string='<#',
    comment_end_string='#>'
))
app.jinja_options = jinja_options

Como existe un mayor riesgo de que los datos confidenciales no se expandan desde el lado del servidor, sugiero cambiar la sintaxis en el front-end (es decir, Angular) en cualquier proyecto en el que no sea el único desarrollador.

3) Genere un bloque sin formato en Jinja2 usando {% raw %}o {% verbatim %}:

<ul>
{% raw %}
  {% for item in seq %}
      <li>{{ some_var }}</li>
  {% endfor %}
{% endraw %}
</ul>

4) Utilice Jinja2 para escribir las llaves en la plantilla:

{{ '{{ some_var }}' }}

esto se generará como {{ some_var }}en HTML.

Mi preferencia por el enfoque n.° 1 es evidente, pero cualquiera de los anteriores funcionará.

May 21 '2015 01:05