如何在Angular中使用Flask中的`render_template`？

Question

我要完成的工作是針對不同的Angular Material選項卡使用不同的路線。 我嘗試Flask模板中直接調用Flask ，如下所示，但似乎無法從Angular中調用render_template 。 我還嘗試過將{{ [stuff] }}轉義為{{ "{{ [stuff] }}" }} ，有沒有辦法做到這一點呢？ 受影響的代碼是：

$stateProvider
.state("dashboard", { abtract: true, url:"/dash", templateUrl: {{ render_template('partials/tabs/Dashboard.html') }} })
.state("dashboard.commands", { url: "/dash/commands", templateUrl: {{ render_template('partials/tabs/Commands.html') }} })
.state("dashboard.support", { url: "/dash/support", templateUrl: {{ render_template('partials/tabs/Support.html') }} })

Answer 1

您無法在AngluarJs腳本中調用服務器端函數。 服務器的API僅通過給定URL上的GET / POST請求工作。 templateUrl可能應該只是一個URL，例如'partials/tabs/Support.html' ， 然后當被要求提供頁面時，Flask服務器會呈現該模板。

那，或者我錯過了您的要求，在這種情況下，歡迎提供更多詳細信息。

Answer 2

您是否嘗試過使用flask的url_for方法？ 它會根據相應的視圖功能自動生成正確的URL。 因此，您可能需要以下內容：

$stateProvider
.state("dashboard", { abtract: true, url:"/dash", templateUrl: {{ url_for('show_dashboard') }} })
.state("dashboard.commands", { url: "/dash/commands", templateUrl: {{ url_for('show_commands') }} })
.state("dashboard.support", { url: "/dash/support", templateUrl: {{ url_for('show_support') }} })

在您的視圖（ views.py或任何其他視圖）中，您將定義以下功能：

@app.route('/partials/tabs/Dashboard.html')
def show_dashboard():
    render_template('partials/tabs/Dashboard.html')

@app.route('/partials/tabs/Commands.html')
    def show_commands():
        render_template('partials/tabs/Commands.html')

@app.route('/partials/tabs/Support.html')
    def show_support():
        render_template('partials/tabs/Support.html')

等等