angular - 查看修改firebase的数据?
问题描述
我想在能够修改它之前显示元素的数据。
我有一个 Firebase 数据库,如下所示:
我希望在我的页面单一地址上检索此 JSON 的信息,但我不知道该怎么做,因为我是 angular 和 firebase 的新手。在我的不同代码下方
地址列表html
<ion-card *ngFor="let item of items;" (click)="editItem(item.key)">
<div><b>{{item.prenom}} {{item.nom}}</b></div>
</ion-card>
地址列表.ts(方法)
editItem(key){
const UserId = firebase.auth().currentUser.uid;
var usersRef = firebase.database().ref('adresse');
var adaRef = usersRef.child(UserId);
var adaFirstNameRef = adaRef.child(key);
var path = adaFirstNameRef.toString();
console.log(path);
this.router.navigate(['single-adresse/' +key]);
}
如何获取唯一地址页面上的数据。如果您有我感兴趣的示例,我可以从 firebase 中恢复 JSON 链接,这要归功于孩子。
解决方案
以下代码将用于获取特定孩子的特定 json(data)。
const UserId = firebase.auth().currentUser.uid;
var usersRef = firebase.database().ref('adresse');
var adaRef = usersRef.child(UserId);
// new code
adaRef.child(key).on("value",(snapshot)=>{
// will print specifc json of your child's key (address,commune,nom etc.)
console.log("values are ",snapshot.val())
});
推荐阅读
- elasticsearch - Elasticsearch:如何解释多索引查询的分数?
- python - Kubernetes 中烧瓶迁移的最佳实践
- java - 如何将此嵌套三元 if-else 示例转换为 if-else 循环
- android - 没有上下文的 ResourcesCompat.getColor():错误 NotFoundException
- reactjs - 如何检查 Next-Js 组件状态?
- python - QtWidgets.QWidget() 返回什么小部件?
- c# - ASP.NET MVC 在单个 HTTP 发布请求中更新主从记录
- python - OLS 回归结果显示 R 平方和调整后的 R 平方分别为 0.091 和 0.074。我的模型有那么差吗?
- r - 特定条件下的颜色 geom_rect
- c# - Datagrid 在 ASP NET C# 中显示最后不需要的空白列