更改数据库中的特定关键元素

时间:2018-08-07 11:31:05

标签: javascript angular typescript http

我想使用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);
 }
 }

0 个答案:

没有答案