PhoneGap中文网

 找回密码
 立即注册
查看: 27845|回复: 5
打印 上一主题 下一主题

纠结,关于页面跳转的问题

[复制链接]

12

主题

18

帖子

106

积分

注册会员

Rank: 2

积分
106
跳转到指定楼层
楼主
发表于 2015-11-21 12:34:09 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
index.html的主要代码如下
  1. <body ng-app="start" >
  2.                 <ion-view>
  3.                        
  4.                         <p>
  5.                        
  6.                         <ion-spinner icon="bubbles" class="spinner-balanced"></ion-spinner>

  7.                 </p>
  8.                
  9.                        
  10.                 </ion-view>



  11.         </body>
复制代码


对应的app.js代码如下
  1. angular.module('start', ['ionic','controllers'])
  2. .run(function($ionicPlatform,$state,$state) {
  3.         $ionicPlatform.ready(function() {
  4.                 // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
  5.                 // for form inputs)
  6.                 if (window.cordova && window.cordova.plugins.Keyboard) {
  7.                         cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
  8.                 }
  9.                 if (window.StatusBar) {
  10.                         StatusBar.styleDefault();
  11.                 }       
  12.         });

  13. })
  14. .config(function($stateProvider, $urlRouterProvider) {
  15.    $urlRouterProvider.when("", "/activate");
  16.   $stateProvider
  17.   .state('activate', {
  18.           url:'/activate',
  19.     templateUrl: 'templates/activate.html',
  20.     controller: 'Activate'
  21.    
  22.   })
  23.   .state('lock', {
  24.           url:'/lock',
  25.          
  26.     templateUrl: 'templates/gusturelockPage.html',
  27.     controller: 'Lock'
  28.   })
  29.   .state('main', {
  30.           url:'/main',
  31.          
  32.     templateUrl: 'templates/mainpage.html',
  33.     controller: 'UserInfo'
  34.   });
  35.   // if none of the above states are matched, use this as the fallback
  36. // $urlRouterProvider.otherwise('/activate');
  37. });
复制代码


其中controllers是另外在一个controllers.js里面声明的控制器模块,angular.module('start', ['ionic','controllers'])把它也包进来了。
上面用到的要跳转的html都放在了一个新建的template文件夹当中。
新人求问,为什么index.html打开运行之后不跳转到activate对应的html呢?
回复

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2015-11-21 16:56:33 | 只看该作者
controller  里面写对应的跳转  state.go()  实现跳转
回复 支持 反对

使用道具 举报

0

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
板凳
发表于 2015-11-21 22:23:58 | 只看该作者
如果楼主现在没有什么头绪建议看看ionic的列子,连接如下
http://codepen.io/ionic/pen/6d3f67226cbecc8383cc8680b6d3832a
你也可以从官网进
回复 支持 反对

使用道具 举报

12

主题

18

帖子

106

积分

注册会员

Rank: 2

积分
106
地板
 楼主| 发表于 2015-11-22 11:36:16 | 只看该作者
admin 发表于 2015-11-21 16:56
controller  里面写对应的跳转  state.go()  实现跳转

你好,我加了$state.go之后,发现url的确是有改变了,由原来的/www/index.html变成了/www/index.html#/activate,但是页面也没有什么改变。请问这个#/是什么意思,是不是路由的url配错了?
回复 支持 反对

使用道具 举报

12

主题

18

帖子

106

积分

注册会员

Rank: 2

积分
106
5#
 楼主| 发表于 2015-11-22 12:46:37 | 只看该作者
噢,找到问题了,index中不能用<ion-view>而是要用<ion-nav-view>.感谢回答的各位
回复 支持 反对

使用道具 举报

12

主题

18

帖子

106

积分

注册会员

Rank: 2

积分
106
6#
 楼主| 发表于 2015-11-22 12:46:57 | 只看该作者
噢,找到问题了,index中不能用<ion-view>而是要用<ion-nav-view>.感谢回答的各位
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2025-1-4 18:53 , Processed in 0.046738 second(s), 35 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表