ionic切换页面

问题:在ionic页面里面通过路由跳转,在原生导航返回按钮监听到返回操作,执行跳转回上一层路由。

如果亲身开发过,会知道,目前市面上的H5开发都是建议纯H5操作,如果混合开发,angularJS是不建议的,而angularJS并不提供除了路由以外的跳转方式,这就很尴尬了。

因为iOS项目里面嵌入ionic的时候是用的CDVViewController,而深入查看源码会发现,cordova是真的阴险,一个属性命名是webview,然而却是UIview,所以并不能调用原生的goback方法。但是cordova并没有绝了大家的后路,细读源码发现有个webViewEngine属性,这是个webview的实际执行操作的属性,具体源码不展示了,只要知道webViewEngine里有loadRequest方法,是通过载入一个NSURLRequest来载入html界面的。

@property (nonatomic ,copy) NSMutableString * nowUrl;
@property (nonatomic) BOOL FirstUrlBool;
@property (nonatomic ,retain) NSURL * firstUrl;

我在控制器里面添加了这三个属性,各有各的用处,nowUrl是用来记录当前页面的Url,FirstUrlBool是用来记录控制器是否是第一次加载页面,记录下第一次加载页面,将首页存入fistUrl。

+ (PoorpeopleWebViewController *)sharedManager
{
    
    static PoorpeopleWebViewController *sharedAccountManagerInstance = nil;
    static dispatch_once_t predicate;
    dispatch_once(&predicate, ^{
        sharedAccountManagerInstance = [[self alloc] init];
    });
    NSURLRequest * appReq = [NSURLRequest requestWithURL:sharedAccountManagerInstance.firstUrl cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:20.0];
    [sharedAccountManagerInstance.webViewEngine loadRequest:appReq];
    return sharedAccountManagerInstance;
}

给控制器一个单例方法,因为考虑到firstUrl最好是改变一次不再改变,所以我用了单例,可能也有别的方法去处理。

单例里面加载firstUrl,

NSURLRequest * appReq = [NSURLRequest requestWithURL:sharedAccountManagerInstance.firstUrl cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:20.0];
    [sharedAccountManagerInstance.webViewEngine loadRequest:appReq];
这两句就是加载url了。

现在了解了如何修改加载页,下面监听原生导航返回方法。

-(void)leftBtn:(id)sender{
    if([self.nowUrl isEqual: @"poorAdmass.html"]||[self.nowUrl isEqualToString:@"poorAdmass.html#/list"]||[self.nowUrl isEqualToString:@"gogogogo"])
    {
        [self.navigationController popToRootViewControllerAnimated:YES];
    }else
    {
//        跳转到poorAdmass.html#/list
        NSURLRequest * appReq = [NSURLRequest requestWithURL:self.firstUrl cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:20.0];
        [self.webViewEngine loadRequest:appReq];
    }
}
这里我加了个判断,检测当前页的url,也就是nowUrl是否为目录下的根路由名字,如果是,就返回原生的导航,如果不是,就跳转到根路由。

就可以解决文章开始的问题。我只提供思路和部分代码,每个人遇到的问题都不一样,大家慢慢敲代码吧。









  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值