我正在使用离子3和角4进行firebase项目,我将服务信息存储在一个表中,现在我的要求是在我的应用程序中显示存储在表中的特定服务数据。这是我的firebase实时数据库快照
我可以使用firebase实时数据库获取所有服务。现在我想在我的服务详细信息页面上显示特定的服务细节。我还想从服务列表页面编辑和删除该服务。但我无法直接访问该值,因为firebase实时数据库有自己的存储值结构,它为每条记录生成节点ID,例如“-KzSHVrbZNJutXFYJDsX” 。 我想获取单个记录值,我可以在我的详细信息页面上显示,但我不知道如何访问其中的节点ID或值的值。
service_list.ts
constructor(public navCtrl: NavController, public navParams: NavParams, private fdb: AngularFireDatabase) {
this.fdb.list("/services/").valueChanges().subscribe(_data => {
this.items = _data;
console.log(this.items);
});
service_list.html
<ion-list *ngFor="let item of items">
<ion-item (click)="viewItem(item)">
<!-- <img src="{{item.icon}}"> -->
<p>{{item.Service_name}}</p>
<p><strong>{{item.Service_type}}</strong></p>
</ion-item>
<button ion-button (click)="removeService(item)" class="button">Delete</button>
<button ion-button (click)="updateService(item.S_ID,item.Service_name)" class="button">Edit</button>