时间戳

首页 > 解决方案 > 我创建了一个 REST api，它基本上显示了一些数据。我需要使用 $http 让这些数据通过 angularjs 显示

python - 我创建了一个 REST api，它基本上显示了一些数据。我需要使用 $http 让这些数据通过 angularjs 显示

问题描述

from flask import Flask, jsonify, request 
from flask_restful import Resource, Api 

app = Flask(__name__)
api = Api(app)   

class display(Resource): 

def get(self): 

    return jsonify({"message":"hello world"}) 

def post(self): 

    data = request.get_json()     # status code 
    return jsonify({'data': data}), 201

class square(Resource): 


def get(self, num): 

    return jsonify({'square': num**2}) 



api.add_resource(display, '/display') 
api.add_resource(square, '/square/<int:num>')

驱动功能

if __name__ == '__main__': 


app.run(port = '5008')

这是使用 angularjs 创建的 html 文件。这会将 http 请求发送到给定的 url 并接收数据并将其显示在 html 页面上。 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body>

  <div ng-app="myApp" ng-controller="myCtrl">

    <p>Today's welcome message is:</p>

    <h1>{{message}}</h1>

  </div>

  <p>The $http service requests a page on the server, and the response is set as the value of "myWelcome" variable.</p>

  <script>
    var app = angular.module('app', []);
    app.controller("myCtrl", function($http) {
      var app = this;
      $http.get("http://127.0.0.1:5008/display")
        .success(function(data) {
          app.message = data;
        })
    });
  </script>

</body>

</html>

运行代码时出现此错误： 今天的欢迎信息是：

{{message}} $http 服务请求服务器上的一个页面，响应设置为“myWelcome”变量的值。

标签： pythonhtmlangularjsresthttp

解决方案

推荐阅读