1

我只是从 angularjs 开始,所以我也不是 ui 路由器的专家。我正在使用cordova 和 ratchet开发一个应用程序。所以现在这是我的代码

索引.html

   <header class="bar bar-nav">
        <h1 class="title">Title</h1>
    </header>

   <div ui-view></div>

应用程序.js

var myApp = angular.module('myApp', ['ngCordova','ui.router','myApp.controllers','myApp.services']);

myApp.config(function($stateProvider,$urlRouterProvider) {

$urlRouterProvider.otherwise('/tab/home');

$stateProvider

.state('tab',{
    url:'/tab',
    abstract:true,
    templateUrl:'/template/tab.html'
})

.state('tab.home', {
    url: '/home',
    templateUrl: '/template/tab-home.html',
    controller:'HomeCtrl',
    controllerAs:'home'
})

.state('tab.history',{
    url: '/history',
    templateUrl:'template/tab-history.html'

})
.state('tab.sponsors',{
    url: '/sponsors',
    templateUrl:'template/tab-sponsors.html'

})
.state('tab.settings',{
    url: '/settings',

    templateUrl:'template/tab-settings.html'

})   
});

该代码似乎在浏览器上运行良好;但是当我使用cordova run android时它没有显示任何视图。请告诉我代码有什么问题。

4

1 回答 1

0

我不确定,但我猜在您的 index.html 中,您正在调用如下脚本文件:-

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-cookies.min.js"></script>

..我也有同样的问题(这是我面临的问题)。你需要确保任何外部路径都是绝对的

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-cookies.min.js"></script>
于 2015-10-27T06:57:47.990 回答