Angularjs 用烧瓶设置角度_Angularjs_Flask

Angularjs 用烧瓶设置角度

angularjs flask

Angularjs 用烧瓶设置角度,angularjs,flask,Angularjs,Flask,这应该是基本的，但我不能得到角玩烧瓶。Angular和Flask具有相同的变量插值语法{{variable}}，根据一篇博客文章，我可以使用管道来区分两者，但下面的代码导致了一个错误，即读取没有名为“Angular”的过滤器 <!DOCTYPE html> <html ng-app> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com

这应该是基本的，但我不能得到角玩烧瓶。Angular和Flask具有相同的变量插值语法

{{variable}}

，根据一篇博客文章，我可以使用管道来区分两者，但下面的代码导致了一个错误，即读取

没有名为“Angular”的过滤器

<!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>


{{yourName | angular}}

您是否正在使用

呈现模板

发送该HTML文档？如果是这样，问题是您使用的是Jinja2，而不是Angular。Jinja2没有称为angular的过滤器。这可以通过添加

raw

块来解决

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

{%raw%}{{yourname}{%endraw%}

因为AngularJS和Jinja模板系统都使用“{}}”符号，所以需要添加flask扩展来处理这个问题。使用三角形烧瓶延长件

将实例应用程序注入三角构造函数。请检查下面的代码

app = Flask(__name__)
Triangle(app)

有关更多信息，请转到。

一个选项是完全分离Flask应用程序和AngularJS应用程序。这样，您就不会遇到插值问题，它消除（或至少减少）了应用程序中flask和angularjs的耦合。我已经写了一个关于同时使用Flask和AngularJS的简单教程系列。我认为它将真正帮助您一起使用AngularJS和Flask-

您能提供一些关于您遇到的问题的详细信息吗？什么博客文章告诉您的？它是否提供了

angular

过滤器，以便您自己注册它？@dirn my bad，这不是一篇博客文章，而是一个名为Flask Triangle-的库。我没有意识到这是一个需要安装的库，但我现在已经让它工作了。虽然这个代码片段可以解决这个问题，但它确实有助于提高您文章的质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。