单击“发表评论”按钮(Thinkster IO:实时Web应用程序教程)时没有发生任何事情

时间:2014-09-13 12:50:03

标签: angularjs firebase angularfire

我在ThinksterIO学习构建实时Web应用程序教程时遇到了另一个障碍,大约90%标记,其中显示了如何添加和删除注释:

https://thinkster.io/angulartutorial/learn-to-build-realtime-webapps/#adding-comments-functionality-to-the-post-service-9

每次点击“发表评论”按钮时,绝对没有任何反应,我根本无法弄明白。我期待出现某种错误,但是没有。就好像按钮没有连接到功能一样。我非常沮丧,我最终只是复制并粘贴了教程中的代码,以确保我把它放下来。即便这样做,它仍然无法正常工作。

我已在此处http://embed.plnkr.co/OhzDTU/preview

创建了一个此类应用程序的Plunker

您可以使用电子邮件user@user.com1234密码登录。然后,您就可以尝试对帖子发表评论。关于这里出了什么问题的任何想法?

更新

我删除了用户user@user.com1234密码,因为问题现已修复。

1 个答案:

答案 0 :(得分:0)

您的添加评论按钮位于showpost.html,由PostViewCtrl呈现。但是,addComment方法附加在PostsCtrl的范围内(当您尝试点击它时,它不存在)。这里最简单的答案就是将addComment()移到另一个控制器上。

关于缺少错误消息,我不认为您可能会收到错误消息。我查看了$ log的文档并尝试确定是否可以添加一些调试输出,但它看起来已经开启(即缺少方法似乎无声地失败)。

关于您唯一的选择是在视图中尝试{{addComment|json}}之类的内容,看它是否存在,但您首先必须怀疑它没有。