2

pluker でのマスター/詳細の使用例 http://plnkr.co/edit/CncDWCktXTuBQdDVfuVv?p=preview

ローカルファイルをすべてコピーし、FirefoxとChromeでhtmlを起動しました。すべてが機能します。

しかし、Flask python サーバーを介してページをサーバーに送信しようとすると。html の選択が出力として表示されません。{{ ?? }} 表示されないで....

app.py: フラスコ アプリを削除

from flask import Flask, render_template, request, json, Response

app = Flask(__name__)
DEBUG = True

@app.route("/index", methods=['GET', 'POST'])
def selected_version():
    return render_template("index.html")

if __name__ == "__main__":
    app.run(debug=True)

index.html:

<!DOCTYPE html>
<html ng-app="myApp">
    <head lang="en">
        <meta charset="utf-8">
        <title>Custom Plunker</title>  
        <link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />
        <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
        <script type="text/javascript" src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"></script>
        <script type="text/javascript" src="../static/js/newAppMain.js"></script>
    </head>
    <body ng-controller="MyCtrl">
        <div class="gridStyle" ng-grid="gridOptions"></div>
        <div class="selectedItems"> {{mySelections}} </div>
    </body>
</html>

index.html のビュー ソース

   <!DOCTYPE html>
    <html ng-app="myApp">
        <head lang="en">
            <meta charset="utf-8">
            <title>Custom Plunker</title>  
            <link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />
            <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
            <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
            <script type="text/javascript" src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"></script>
            <script type="text/javascript" src="../static/js/newAppMain.js"></script>
        </head>
        <body ng-controller="MyCtrl">
            <div class="gridStyle" ng-grid="gridOptions"></div>
            <div class="selectedItems"></div>
        </body>
    </html>
4

0 に答える 0