我想使用help put方法在数据库中的另一个键的帮助下更改名称。如何使用http put请求实现此目的。 我想通过使用put http方法在任何键的帮助下更改唯一元素。
以下是我的服务文件。
import { Injectable } from '@angular/core';
import { Http } from '../../node_modules/@angular/http';
@Injectable({
providedIn: 'root'
})
export class ServerService {
constructor(private http:Http) { }
storeServer(servers:any[]){
return this.http.put('https://webapp-
7c690.firebaseio.com/data.json',servers);
}
getServer(){
return this.http.get('https://webapp-7c690.firebaseio.com/data.json');
}
}
下面是typecipt文件,剩下的还有两个按钮getData并将数据存储在html文件中。
import { ServerService } from './server.service';
import { Component } from '@angular/core';
import {Response} from '@angular/http';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
servers = [
{
name: 'Testserver',
capacity: 10,
id: this.generateId()
},
{
name: 'Liveserver',
capacity: 100,
id: this.generateId()
}
];
constructor(private serverService:ServerService){}
onAddServer(name: string) {
// console.log("inside onsave")
this.servers.push({
name: name,
capacity: 50,
id: this.generateId()
});
}
onSave(){
// console.log("inside onsave")
this.serverService.storeServer(this.servers).subscribe(
(response)=>console.log(response),
(error)=> console.log(error)
);
}
onGet(){
console.log("inside get")
this.serverService.getServer().subscribe(
(response:Response)=>{
const data=response.json();
console.log(data)
},
(error)=> console.log(error)
);
}
private generateId() {
return Math.round(Math.random() * 10000);
}
}