我目前有一个使用Angular构建的项目,我正在部署到Phonegap Build服务来创建iOS和Android发行版.最初,我使用的是Angular的内置路由服务.但是,嵌套多个视图的需要促进了我对Angular UI-Router的采用.我已经构建了一个简单的路由系统,可以在通过Web浏览器本地测试并使用Ripple Emulator时工作.
index.html如下:
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=yes" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css" href="css/photo-slider.css" />
<link rel="stylesheet" type="text/css" href="css/spin.css" />
<title>App Title</title>
</head>
<body>
<div class="loader" id='ajax-loader'>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<!-- View Container for the Header -->
<div ui-view="header"></div>
<!-- View Container …Run Code Online (Sandbox Code Playgroud)