如何使用Angular 4、Firebase和Angularfire2监控身份验证？

一般来说，我对Angular和编程相当陌生，但我已经开发了一个带有Facebook身份验证的非常简单的Angular应用程序。然而，即使在阅读了angularfire2和Firebase文档之后，我仍然很难根据身份验证状态准确地在页面上显示某些HTML元素

我想暂时避免路由/视图，因为我正在学习，这将花费我一段时间来充分理解并实现。）现在，我试图通过在单个元素上使用*ngIf来保持它的简单性。是否有可以从组件html访问的变量来检查用户是否登录

正如您在我的代码中所看到的，当我使用*ngIf检查视图中显示的asynced user.uid变量时，它现在可以正常工作。但是，我正试图使我的应用程序组件导出中的addLike click函数只在用户登录时执行，如果没有，它将执行其他操作。 如何将这种条件作用添加到代码中。如何访问授权状态并在导出类函数中使用结果

下面是我的组件HTML和TS的代码：

HTML

登录
您已登录！
注销
欢迎来到{{title}
现在播放：{{song.title}--{{song.artist}
今晚的歌曲：
标题
艺术家
喜欢
{{song.title}
{{song.artist}}
{{song.likes}
{（用户|异步）？.uid}
测试