我的Ionic App Project中有这个app.js代码。 它在启动时给我一个空白屏幕,但只有在真实设备上测试时! 当我使用'离子服务'在浏览器上测试应用程序它工作正常!
angular.module('orderApp', ['ionic'])
.config(function($stateProvider, $urlRouterProvider) {
// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state's controller can be found in controllers.js
//$stateProvide is like routeprovider in classic angularjs
//It controlls the pages
$stateProvider
.state('categories', {
cache: false,
url: "/categories",
templateUrl: "/templates/pages/categories/index.html",
controller: "CategoriesIndexController"
});
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/categories');
});
答案 0 :(得分:0)
这个问题困扰了我很多!
对于离子或angularjs中的 $ stateProvider ,原来是一个奇怪的问题。 .state中的templateUrl参数在开头不应该有斜杠。尽管浏览器可以容忍这种情况,但实际设备内部并不容忍这种情况。
在从
中删除第一个斜杠之后templateUrl:“/ templates / pages / products / index.html”,
并将其转换为:
templateUrl:“templates / pages / products / index.html”,
在每个.state中,一切都在真实设备上运行良好!
答案 1 :(得分:0)
对我来说,这是一个带有大写字母的源js文件,它在index.html中导入小写。浏览器仿真可以正常工作。如果使用-lc选项安装,Android版本在设备上也可以正常工作。空白屏幕仅在独立安装时显示在ios / android设备中(没有监视项目文件)。