> 백엔드 개발 > 파이썬 튜토리얼 > 请问如何处理tornado模板和angular.js的 {{ }} 表达式冲突问题?

请问如何处理tornado模板和angular.js的 {{ }} 表达式冲突问题?

WBOY
풀어 주다: 2016-06-06 16:24:22
원래의
1394명이 탐색했습니다.

回复内容:

Angular 从1.0开始就支持用$interpolateProvider自定义分隔符 docs.angularjs.org/api/

因为Angular原生支持自定义分隔符, 而一些后端的模板语言不支持自定义分隔符,个人倾向于在Angular端自定义分隔符。 虽然有各种hack可以让前后端都用{{ }} 做分隔符,但这会让前后端的代码更难辨别,不好维护,所以不推荐在后端模板和混用相同的分隔符。
<code class="language-html"><span class="cp">
<span class="nt"> <span class="na">ng-app=</span><span class="s">"customInterpolationApp"</span><span class="nt">></span>
  <span class="nt"></span>
    <span class="nt"><script><span class="na">src=</script></span><span class="s">"http://code.angularjs.org/1.2.0rc1/angular.min.js"</span><span class="nt">></span>
    <span class="nt"><script><span class="na">src=</script></span><span class="s">"script.js"</span><span class="nt">></span>
  <span class="nt"></span>
  <span class="nt"></span>
    <span class="nt"><div> <span class="na">ng-app=</span><span class="s">"App"</span> <span class="na">ng-controller=</span><span class="s">"DemoController as demo"</span><span class="nt">></span>
        //demo.label//
    <span class="nt"></span>
</div></span>
  <span class="nt"></span>
<span class="nt"></span>
</span></span></code>
로그인 후 복사
angularjs的模板全部保存为独立的html文件,由nginx直接去获取?

如果说,需要通过tornado去动态生成angularjs的模板,那么是否可以考虑重构代码去避免这种情况发生? 还有一种规避方案是用ng-bind 替代两个花括号,比如:

<code class="language-html"><span class="nt"><p></p></span>{{name}}<span class="nt"></span>
</code>
로그인 후 복사
我们的解决方法是修改tornado的模板引擎,加入了一个plain关键字。通过像
<code class="language-text">{% plain 'some_angular_template.html' %}
</code>
로그인 후 복사
{{! name }} 前后端分离,不使用任何后端模板,不管是tornado的模板还是jinja2/mako, 统统干掉。前后端通过api返回json数据进行通信。 angular是为富客户端而生的产物,个人倾向于把tornado变成一个restful服务器。所以前端工程应该是放在apache下更佳,不应该与tornado放到一起。

随着TSA的流行,应用服务器逐渐走向轻量化。如果仅仅作为WEB工程,个人不建议重度使用angular。应该考虑SEO的优化,走freemaker的路线。 直接去改tornado模板渲染部分源代码 就几行代码 改成另外一个你自己想要的的标记 比如“{@ @}”
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿