請問如何處理tornado模板和angular.js的 {{ }} 運算式衝突問題?

來源:互聯網
上載者:User

回複內容:

Angular 從1.0開始就支援用$interpolateProvider自訂分隔字元 http://docs.angularjs.org/api/ng.%24interpolateProvider

因為Angular原生支援自訂分隔字元, 而一些後端的範本語言不支援自訂分隔字元,個人傾向於在Angular端自訂分隔字元。 雖然有各種hack可以讓前後端都用{{ }} 做分隔字元,但這會讓前後端的代碼更難辨別,不好維護,所以不推薦在後端模板和混用相同的分隔字元。
 ng-app="customInterpolationApp">                   ng-app="App" ng-controller="DemoController as demo">        //demo.label//      
angularjs的模板全部儲存為獨立的html檔案,由nginx直接去擷取?

如果說,需要通過tornado去動態產生angularjs的模板,那麼是否可以考慮重構代碼去避免這種情況發生?還有一種規避方案是用ng-bind 替代兩個花括弧,比如:

{{name}}

我們的解決方案是修改tornado的模板引擎,加入了一個plain關鍵字。通過像
{% plain 'some_angular_template.html' %}
{{! name }}前後端分離,不使用任何後端模板,不管是tornado的模板還是jinja2/mako, 統統幹掉。前後端通過api返回json資料進行通訊。angular是為富用戶端而生的產物,個人傾向於把tornado變成一個restful伺服器。所以前端工程應該是放在apache下更佳,不應該與tornado放到一起。

隨著TSA的流行,應用伺服器逐漸走向輕量化。如果僅僅作為WEB工程,個人不建議重度使用angular。應該考慮SEO的最佳化,走freemaker的路線。直接去改tornado模板渲染部分原始碼 就幾行代碼 改成另外一個你自己想要的的標記 比如“{@ @}”
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.