离子应用程序开发 - 死亡问题白屏

时间:2016-05-23 12:04:08

标签: angularjs ionic-framework angularjs-scope angular-ui-router angularjs-ng-resource

我刚开始学习Ionic和Angular。

在阅读了与Angular和Ionic相关的基本文档后,我正在按照本site的教程来自己开发示例应用程序。

我能够加载应用程序并查看与播放列表相关的数据,但在集成“Angular ngResource”后,通过调用教程中提到的Rest API来获取与会话相关的实时数据,我无法在浏览器中加载应用程序(出现空白屏幕)。

您可以在此处使用我的更改来引用应用程序代码:

https://github.com/bhushanbaviskar/Angular-Ionic.git

感谢。

1 个答案:

答案 0 :(得分:1)

您至少缺少ngResource和starter.services在app.js中的应用程序,如下所示:

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ngResource'])

然后在你的index.html中你有很多拼写错误,你应该用以下代码替换这些部分:

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- Angular ngReource-->
<script src="lib/ionic/js/angular/angular-resource.min.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>

ngResource <script type="">应该是 src =&#34;&#34; ,而且services.js的拼写错误servcies.js应该 services.js 即可。 Services.js也被声明为type,需要更改为 src