如何将数据保存到JSON服务器
如何将数据保存到JSON服务器
提问于 2018-10-26 05:18:22
我有一个简单的angular 6应用程序，我有喜欢和不喜欢的按钮，我想保存数据到JSON服务器(用作样机)我没有API，
这是我到目前为止所掌握的
HTML：
<div class="container">
<div class="row">
<p class="col">{{numberOfLikes}}</p>
<button class="col btn btn-success" (click)="likeButtonClick()">Like</button>
<button class="col btn btn-danger" (click)="dislikeButtonClick()">Dislike</button>
</div>
</div>打字：
import { Component, Input } from '@angular/core';
@Component({
selector: 'like-box',
templateUrl: 'like.component.html',
styleUrls: [ './like.component.css' ]
})
export class LikeComponent {
numberOfLikes : number = 0;
likeButtonClick() {
this.numberOfLikes++;
}
dislikeButtonClick() {
this.numberOfLikes--;
}
}services.ts：
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import {Status } from '../model/statuses.model';
@Injectable({
providedIn: 'root'
})
export class UserService {
status: Status[];
constructor(private http: HttpClient) { }
statusUrl = 'http://localhost:3000/statuses';
getStatuses() {
return this.http.get<Status[]>(this.statusUrl);
}
addStatus(){
}
}JSON：
{
"statuses": [
{
"id": 1,
"likes": 121,
"following": 723,
"followers": 4433
}
],
}这是指向stackblitz的链接:source code
我知道如何使用formBuilder从表单中抓取数据，但我现在是堆栈，
我想当用户点击喜欢按钮，喜欢应该保存到json服务器和显示在首页。现在只是显示，因为我不知道如何将那些生成的likes保存到json
能帮帮忙吗？
回答 1
Stack Overflow用户
发布于 2018-10-26 05:24:47
你不能用模拟服务器做到这一点，你需要真正的apis。然后，您可以调用this.http.post(this.statusUrl, newStatusObject)在真实服务器上创建一个新的状态对象。
使用json-server进行编辑您可以这样做，但您需要更新您的json。只需在status中添加一个Id字段：
{
"statuses": [
{
"id": 1
"likes": 121,
"following": 723,
"followers": 4433
}
],
}然后您可以这样更新它：
const newLikes = { likes: 122 };
this.http.patch(this.statusUrl, newLikes). subscribe (...`
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52998252
复制相关文章
相似问题