angularjs 无法找到模板目录，flask 作为后端

Question

我在客户端使用 Flask 作为后端和 angularjs

我的目录结构:

露:

  ->app.py

  ->templates
    ->hello.html
    ->test.html

  ->static
    ->js
      ->directives.py
    ->lib
      ->angular.js

我的 app.py 文件:

from flask import Flask, make_response,render_template
@app.route("/aboutUs")
def aboutUs():
    return render_template("test.html", title="test page")

我的指令.py 文件:

angular.module('components',[])
    .directive("helloWorld",function($scope,$log){
        $scope.$log = $log;
        return{
            restrict:"A",
            templateUrl:"templates/hello.html"
        }
    })

angular.module('testApp',['components'])

Flask 能够正确呈现 test.html 模板，但 angular 显示 hello.html, template not found 错误

Answer 1

1. Jinja 模板

如 hello.html包含 Jinja2 标记，那么它是一个模板，需要由 Flask 渲染。添加 @app.route来渲染它。

@app.route("/hello")
def hello():
    return render_template("hello.html")

然后指向 hello Angular 指令中的 URL。

templateUrl: "{{ url_for('hello'}} }}"

2. Angular 模板

如果文件仅包含 HTML(没有 Jinja2 标记)，则它不是模板。它不应该在 templates文件夹但 在静态文件夹中 ;喜欢 static/angular_templates/hello.html .

然后指向指令中的静态文件。

templateUrl: "{{ url_for('static', filename='angular_templates/hello.html') }}"