Angular를 사용할 수 있습니까?JS는 Jinja2 템플릿엔진을 탑재하고 있습니까?

Angular를 사용할 수 있습니까?JS는 Jinja2 템플릿엔진을 탑재하고 있습니까?

플라스크 사이트를 가지고 있는데 Angular를 사용하고 싶어요.JS JavaScript 프레임워크.안타깝게도 딜리미터가 겹치는 것 같습니다.

양쪽이 쌍곱슬 괄호를 사용하는 경우, 어떻게 하면 진자2와 함께 앵글을 사용할 수 있습니까?{{ expr }}그게 가능하긴 해?

몇 가지 선택권이 있습니다.

1) Angular의 구분 기호 표기 변경:

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

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

시작 및 종료 기호에 대해 선택된 항목이 모두 새 구분 기호로 사용됩니다.이 경우 변수를 Angular로 표현합니다.{a some_variable a}.

이 접근방식은 1회만 설정하면 되며 명시적이라는 장점이 있습니다.

2) Jinja2의 딜리미터 표기법을 변경합니다.

오버라이드 또는 서브클래스Flask.jinja_options.update에서Flask응용 프로그램에 바인드하는 오브젝트(vars: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

서버측에서 기밀 데이터가 전개되지 않을 위험이 높기 때문에 독자 분이 단독 개발자가 아닌 프로젝트에서는 프런트 엔드(즉, Angular)의 구문을 변경하는 것이 좋습니다.

3) Jinja2의 raw block을 출력한다.{% raw %}또는{% verbatim %}:

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

4) Jinja2를 사용하여 템플릿에 중괄호를 씁니다.

{{ '{{ some_var }}' }}

이것은 로 출력됩니다.{{ some_var }}HTML로 표시합니다.

1번 어프로치에 대한 나의 선호는 명백하지만, 위의 어느 것이든 상관없습니다.

다른 옵션도 있습니다.플라스크-삼각형은 jinja2에 각도 템플링을 통합하면서 형태를 만드는 데 도움이 되는 확장입니다.angular(또는 jinja2) 괄호 구분 기호를 변경하는 대신 식별자를 추가하여 식을 angular로 렌더링해야 하는지 여부를 jinja2에 알릴 수 있습니다.추가만 하면 됩니다.|angular변수 뒤에:

<div>{{variable|angular}}</div>

HTML 출력에는 다음과 같이 표시됩니다.

<div>{{variable}}</div>

플라스크 트라이앵글은 (앵글 형식의 건축에) 다른 기능도 포함되어 있습니다만, jinja2의 앵글템플링을 보다 읽기 쉽게 하는 것은 귀중한 옵션이라고 생각합니다.

언급URL : https://stackoverflow.com/questions/30362950/is-it-possible-to-use-angularjs-with-the-jinja2-template-engine