Angular 中的 ng-view 变为空白

ng-view in Angular goes blank

我有 ng-view 和 /、/second、/third 和 /fourth 的路由设置。第四,我在列表的每个条目上都有一个 "edit" 按钮,该按钮与 ng-click 函数相关联,用于更改该页面上的文本输入,并且在执行此操作时,控制台记录它更改为的内容(从 API 中提取)。

当我单击 "edit" 时,它会记录来自 API 的数据,控制台会记录分配给文本字段中显示的变量的新文本,然后立即 'empties' ng -看法。也就是说,它根本不显示任何视图。 URL 改为 localhost:4000/#.

现在,如果我转到#/fourth,将 URL 更改为 localhost:4000/#,然后单击编辑,它会按预期工作。

它在此处的 EJS 中,但在标准 HTML 中且未呈现时它的作用相同。我已将其缩小为一些 Angular 特定问题。

发生这种情况的视频:https://www.youtube.com/watch?v=c6YeQNyo7P4&feature=youtu.be

知道为什么吗?

Plunker Update: http://plnkr.co/edit/aIpxBWee8DJX0vgxm3LQ?p=preview

从您 realestateResults.html 的锚点中删除 #。您正在使用 hashbang 模式,它 'empties' 视图导致它是 hashbang 模式的无效 URI。尝试在您的路由配置中设置 .otherwise 以避免出现这些错误视图。