如何在HTML中显示HTTPresponse对象的内容？

Question

我有一个MEAN堆栈应用程序，我在其中作为API访问节点后端。我能够设置响应消息，并且还能够在浏览器的响应对象中看到它。我如何能够访问此消息并将其显示在我的HTML中？

浏览器中显示响应对象的网络选项卡的屏幕截图：

[

Answer 1

这是一个非常广泛的问题。真的，你说的是 - “我有服务器端，我如何做客户端。”

无论如何，你可以使用Angular。使用Angular，您可以这样做：

$http.get('/items').then(function(response) {
    $scope.data = response.data;
});

将数据提供给Angular（请注意，这是简化的），然后可以通过以下模板在html中显示它：

<div ng-repeat="item in data">{{ item.name }}</div>

在您的示例中，您实际上显示的是null结果。我实际上将在Angular模板中管理这样的消息：

<div ng-if="!data">No items</div>

实际上，您显示的结果似乎是用户查找失败。为此，您将创建一个这样的脚本（再次，这是简化的）：

$http.get('/users/' + id).then(function(response) {
    $scope.user = response.data.user;
});

和这样的模板：

<div ng-if="user">
    <h1>{{ user.name }}</h1>
    <h3>Favorite Books<h3>
    <div ng-repeat="book in user.books">{{ book }}</div>
</div>
<div ng-if="!user">Couldn't find user</div>

希望这有帮助。