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")

我的directives.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，找不到模板错误

Answer 1

1. Jinja模板

如果hello.html包含Jinja2标记，则它是模板，需要由Flask呈现。添加@app.route渲染它。

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

然后指向helloAngular指令中的URL。

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

2.角度模板

如果文件仅包含HTML（无Jinja2标记），则它不是模板。它不应该在templates文件夹中，而应该 在静态文件夹中
；喜欢static/angular_templates/hello.html。

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

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