用燒瓶設置AngularJS

這應該是基本的，但我無法用Flask來玩角色。角和瓶具有相同的變量代換語法{{ variable }}，並根據博客文章，我可以用管道將兩者區分開來，但下面是導致該no filter named 'angular'用燒瓶設置AngularJS

<!DOCTYPE html> 
<html ng-app> 
    <head> 
    <meta charset="utf-8"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> 
    <script type="text/javascript" src= "http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script> 
    </head> 
    <body> 
    <label>{{ yourName | angular }}</label> 
    <input type="text" ng-model="yourName" placeholder="Enter a name here"> 
    </body> 
</html>

來源

2014-10-17 Suraj Kapoor

你能提供一些關於你遇到的問題的細節嗎？ – dirn 2014-10-17 22:30:46

什麼博客文章告訴你？它提供了「角度」過濾器，所以你可以自己註冊嗎？ – dirn 2014-10-17 23:22:09

@dirn我的不好，它不是一個博客帖子，而是一個名爲Flask Triangle的圖書館 - http://flask-triangle.readthedocs.org/en/latest/installing.html。我沒有意識到這是一個需要安裝的庫，但我現在已經開始工作了。 – 2014-10-17 23:32:04

您使用render_template來讀取錯誤發送該HTML文件？如果是這樣，問題是你使用Jinja2而不是Angular。 Jinja2沒有稱爲角度的過濾器。這可以通過添加一個raw塊

<label>{% raw %}{{ yourname | angular }}{% endraw %}</label>

來源

2014-10-18 11:49:16 corvid

因爲無論AngularJS和神社模板系統使用「{{}}」符號，你需要加入燒瓶延伸來處理這個問題是固定的。使用三角燒瓶延伸。

將您的實例應用程序注入三角構造函數。請檢查下面的代碼。

app = Flask(__name__) 
Triangle(app)

欲瞭解更多信息，請登錄here。

來源

2014-11-28 19:14:34 Bilal

儘管此代碼片段可能會解決問題，但[包括解釋]（http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers）確實有助於提高帖子的質量。請記住，您將來會爲讀者回答問題，而這些人可能不知道您的代碼建議的原因。 – msrd0 2014-11-28 19:16:34

一個選項是完全分開Flask應用程序和AngularJS應用程序。這樣，你就不會遇到插值問題，它會刪除（或至少減少）應用程序中的flask和angularjs的耦合。我已經寫了一個關於使用Flask和AngularJS的簡單教程系列。我認爲它會真正幫助你使用AngularJS和Flask - http://tutsbucket.com/tutorials/building-a-blog-using-flask-and-angularjs-part-1/

來源

2015-03-08 04:17:40

用燒瓶設置AngularJS

回答

相關問題