使用Flask设置AngularJS

Sur*_*oor 3 flask angularjs

这应该是基本的,但我无法与Flask一起玩.Angular和Flask具有相同的可变插值语法{{ variable }},根据博客文章,我可以使用管道来区分这两者,但下面会导致读取错误no filter named '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>
Run Code Online (Sandbox Code Playgroud)

Bil*_*lal 5

因为AngularJS和Jinja模板系统都使用"{{}}"符号,所以需要添加flask扩展来处理这个问题.使用Triangle flask扩展.

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

app = Flask(__name__)
Triangle(app)
Run Code Online (Sandbox Code Playgroud)

欲了解更多信息,请点击这里.

  • 虽然此代码段可以解决问题,但[包括解释](http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers)确实有助于提高帖子的质量.请记住,您将来会回答读者的问题,而这些人可能不知道您的代码建议的原因. (2认同)