用烧瓶设置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

回答

相关问题