Question

我试图在日期更改页面上更新我的数据。我曾经使用angularJS日期选择器并在后端使用烧瓶。现在，当我将更改日期从angular更改为flask时，它会生成所需的输出，但无法在html页面上获取更新的数据。当我用console.log(response)检查时，它显示整个更新的html页面作为角度响应。我希望这个回复显示在页面上。这是我的代码：

Views.py

        @app.route('/dI', methods=['GET', 'POST'])
        @login_required
        def dI():
        thirtydays = datetime.date.today() - datetime.timedelta(30)
        start = int(thirtydays.strftime("%s"))
        end = int(datetime.date.today().strftime("%s"))
        if request.method == 'POST':
            filter = request.get_json()
            if filter != None:
                startdate = int(time.mktime(datetime.datetime.strptime(filter['startdate'], '%d/%m/%Y').timetuple()))
                enddate = int(time.mktime(datetime.datetime.strptime(filter['enddate'], '%d/%m/%Y').timetuple()))
                return render_template('dI.html', hD=hD(), check_index=check_index(startdate, enddate))
        else:
            return render_template('dI.html', hD=hD(), check_index=check_index(start, end))

AngularJS代码

    var data = {
                    startdate:start,
                    enddate:end
                }
$http.post("/dI",data).success(function(response, status, headers, config) {
            console.log(response)
        })

Answer 1

使用页面中的ng-bind-html标记。在任何随机模板中，您都可以这样使用它。

<div ng-app="myApp" ng-controller="myCtrl">
  {{test}} <!--will show '<p>test</p>'-->
  <div ng-bind="test"></div> <!--will show '<p>test</p>'-->
  <div ng-bind-html="test"></div> <!--will show 'test'-->
</div>

在控制器中你应该有这样的东西

$scope.test = "<p>test</p>";

渲染页面，新数据从角度传递到烧瓶

1 个答案: