Angular 6简单教育应用程序中的浏览器意外刷新

Question

在Angular 6中学习了很好的教程。现在有很多属性绑定和事件。我有一个主要组成部分，其中包括2个孩子。一个孩子将事件传递回去，然后属性和@Input出现在其他组件中，以便父对象可以通知第二个孩子。我有console.log显示所有组件都正确发送和接收。当我运行它时，console.log会在一秒钟内显示正确的数据，然后刷新。我的console.log显示：

• 食谱onRecipeClicked名称：我的食谱（显示父母正确获取了数据）
• recipeDetail inRecipe名称：我的食谱（显示第二个孩子得到了数据）
• 已导航到http://localhost:4200/ *（表明发生意外刷新）。

有一秒钟，我可以在屏幕上看到正确的信息，然后回到基础知识。如果我在父组件中预加载一个默认值（因此在第一个孩子进行任何交互或发生事件之前就存在该默认值）...效果很好。因此基本的管道似乎还可以。但是，如果我使用@Output和@Input ...，我可以看到数据正确流动，但是没有可见的错误...我刷新并且从未看到（超过一秒钟的时间）正确的数据。我使用的是Chrome，但也在Firefox中尝试过它，并且得到了相同的行为。谢谢，

Answer 1

这时我们还没有使用路由，但是……事实证明它与此相关。原来我有一个错误的href。而不是href =“＃” ...我的其中一个是href =“ *” ...当我解决该问题时，问题就消失了。我已经切换了保存日志...但是日志中没有关于此的任何内容。显然它只是击中并刷新。因此，正如预期的那样，这是一个DFU问题（愚蠢的用户）。谢谢，