无法呈现FirebaseObjectObservables Angular2中的值
在我的服务文件中:无法呈现FirebaseObjectObservables Angular2中的值,angular,firebase,firebase-realtime-database,angularfire2,Angular,Firebase,Firebase Realtime Database,Angularfire2,在我的服务文件中: postDetail: FirebaseObjectObservable<any>; constructor( private af: AngularFire ) { } public getBanquetDetail(id){ this.postDetail = this.af.database.object('/Posts/'+id) as FirebaseObjectObservable<Post>; return thi
postDetail: FirebaseObjectObservable<any>;
constructor( private af: AngularFire ) { }
public getBanquetDetail(id){
this.postDetail = this.af.database.object('/Posts/'+id) as FirebaseObjectObservable<Post>;
return this.postDetail;
}
我正在控制台中获取一个对象,但无法将该值渲染为
<h2>{{test.title}}</h2>
{{test.title}
我得到的错误如下:
TypeError:无法读取未定义的属性“title”
谁能帮帮我?我在哪里?订阅后分配了
测试的值,因此标题
在加载时不可用
您可以添加下面类似的安全导航运算符(?)
以仅在其不具有空值后进行计算
<h2>{{test?.title}}</h2>
{{test?.title}
你可以读到
希望这有帮助 订阅后分配了test
的值,因此加载时title
不可用
您可以添加下面类似的安全导航运算符(?)
以仅在其不具有空值后进行计算
<h2>{{test?.title}}</h2>
{{test?.title}
你可以读到
希望这有帮助 如果不确定路径中是否存在每个对象,请使用elvis操作符(?):
<h2>{{test?.title}}</h2>
{{test?.title}
在Angular 2中,“Elvis操作符”(实际上是安全导航操作符)允许在无法完全确定路径中是否存在每个对象的情况下安全导航对象路径。如果路径有效,则通过返回路径结果来防止空引用异常;或者,否则无效。-
如果不确定路径中是否存在每个对象,请使用elvis操作符(?):
<h2>{{test?.title}}</h2>
{{test?.title}
在Angular 2中,“Elvis操作符”(实际上是安全导航操作符)允许在无法完全确定路径中是否存在每个对象的情况下安全导航对象路径。如果路径有效,则通过返回路径结果来防止空引用异常;或者,否则无效。-