Ionic--InAppBrowser app内访问外网

Ionic 2016-04-25 欢迎您加入IT交流群:123493055IT交流群

在应用中打开外网

方法一:Cordova插件 InAPPBrowser

我在百度经验的相关文章:Ionic Cordova插件 InAPPBrowser

方法二:iframe

我的实现

注意:

1:路径问题,用“/:url”传参,因为带http不被解析,所以换种方式传

.state('app.home-link', {
  url: '/home-link',
  cache: true,
  views: {
    'tab-home': {
      templateUrl: 'templates/views/home/home-link.html',
      controller: 'HomeLinkController'
    }
  },
  params: {
    data: null
  }
})

$state.go('app.home-link', {
    data: {
       url: url
    }
});

$scope.url = $stateParams.data.url;

2:.config下要加白名单,不然会报错

 // 白名单
 $sceDelegateProvider.resourceUrlWhitelist(['**']);

效果

我的实现

注:凡原创文章转载请注明出处(有好的建议和意见可以联系我(*^__^*))