Angularjs页面刷新数据从JSON文件加载

时间:2014-07-01 20:49:10

标签: javascript json angularjs

我遵循了一个教程,该教程展示了如何使用angularjs并根据菜单slug加载json数据并在页面中显示它。演示在这里:https://dl.dropboxusercontent.com/u/28763/angular-tutorial/index.html#/page/home

当我刷新主页(https://dl.dropboxusercontent.com/u/28763/angular-tutorial/index.html#/page/home)时,我在firebug中得到一个js错误,注意到:

  

$ digest已在进行中

  

$ rootScope.pages未定义

这通常发生在初始pages.json加载之后的时间。因此,如果我更新pages.json文件,我可以点击刷新并查看新数据,但如果我再次刷新,我会收到错误。如果单击菜单项“关于”,例如,您将看到“关于”页面。点击主页它就在那里。刷新浏览器并收到错误。

该页面还显示内容应呈现的位置:

{{page.title}}
{{page.content}}

...而不是标题和内容。我是AngularJS的新手,并没有找到为什么这里不能一直工作的原因。

我在那里有.otherwise({redirectTo: '/home'});,它确实在那里重定向,但是,数据并不总是这样做......

如果这是由于pages.json文件加载速度足够快,我该如何在继续之前确保文件已完全加载?或者可能有人看到其他原因?

编辑: 这是我的设置的一个Plunker:http://plnkr.co/edit/8QpsLHhPA58uZnbAHgck?p=preview

0 个答案:

没有答案