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是否为目录下的根路由名字，如果是，就返回原生的导航，如果不是，就跳转到根路由。

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

ionic切换页面

相关文章