ui路由器在cordova angular ios构建中不工作_Ios_Angularjs_Cordova

ui路由器在cordova angular ios构建中不工作

ios angularjs cordova

ui路由器在cordova angular ios构建中不工作,ios,angularjs,cordova,Ios,Angularjs,Cordova,在cordova ios构建中使用ui路由器加载视图时出现问题。我在应用程序中使用cordova angular。用户界面路由器在android构建中运行良好，但当我使用cordova模拟ios运行应用程序时，视图没有加载这是我的代码 index.html <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user

在cordova ios构建中使用ui路由器加载视图时出现问题。我在应用程序中使用cordova angular。用户界面路由器在android构建中运行良好，但当我使用

cordova模拟ios运行应用程序时，视图没有加载
这是我的代码
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Awesome material design app</title>
<link rel="stylesheet" href="node_modules/angular-material/angular-material.css">
<link rel="stylesheet" href="lib/ionic/css/ionicons.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/ngPercentDisplay.css">
<script src="node_modules/angular/angular.js"></script> 
<script src="lib/angular-ui-router.min.js"></script>
<script src="node_modules/angular-aria/angular-aria.js"></script> 
<script src="node_modules/angular-animate/angular-animate.js">  </script> 
<script src="node_modules/angular-material/angular-material.js"></script>
<script src="node_modules/angular-local-storage/dist/angular-local-storage.js"></script>
<script src="lib/angular-touch.min.js"></script>

<script src="js/ng-cordova.min.js"></script>
<script src="cordova.js"></script>
<script src="js/index.js"></script>
<script src="js/controller.js"></script>
<script src="js/router.js"></script>

</head>
<body ng-app="YourApp">
<div layout="column">

<ng-include src="'templates/partials/sidebar.html'" style="top:0px" ng-if ="lang =='ENGLISH'"></ng-include>
  <ng-include src="'templates/partials/sidebar-right.html'" style="top:0px" ng-if ="lang =='ARABIC'"></ng-include>
 <div ui-view></div>

 </div>
 </body>
 </html>

js文件如下所示
var app = {
// Application Constructor
initialize: function() {
    this.bindEvents();
},
// Bind Event Listeners
//
// Bind any events that are required on startup. Common events are:
// 'load', 'deviceready', 'offline', and 'online'.
bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
},
// deviceready Event Handler
//
// The scope of 'this' is the event. In order to call the 'receivedEvent'
// function, we must explicitly call 'app.receivedEvent(...);'
onDeviceReady: function() {
    app.receivedEvent('deviceready');
},
// Update DOM on a Received Event
receivedEvent: function(id) {
    var parentElement = document.getElementById(id);
    var listeningElement = parentElement.querySelector('.listening');
    var receivedElement = parentElement.querySelector('.received');

    listeningElement.setAttribute('style', 'display:none;');
    receivedElement.setAttribute('style', 'display:block;');

    console.log('Received Event: ' + id);
}
};

app.initialize();

controller.js如下所示
'use strict';

 var app = angular.module( 'YourApp', [ 'ngMaterial','ui.router']);

 app.controller('myCtrl',['$scope',function ($scope) {
  $scope.detail={};
  $scope.detail.name="MyApp";
  $scope.detail.desc="welcome to my app!";
 }]);

如果有人知道这个问题，请帮助我。提前谢谢
'use strict';

 var app = angular.module( 'YourApp', [ 'ngMaterial','ui.router']);

 app.controller('myCtrl',['$scope',function ($scope) {
  $scope.detail={};
  $scope.detail.name="MyApp";
  $scope.detail.desc="welcome to my app!";
 }]);