首页 > 代码库 > Ionic跳转到外网地址
Ionic跳转到外网地址
1.安装插件
https://github.com/apache/cordova-plugin-inappbrowser
执行命令:
cordova plugin add org.apache.cordova.inappbrowser
采用命令查看:
cordova plugin ls
2.简单代码
$scope.godetail=function(unit){ var options = { location: ‘yes‘, clearcache: ‘yes‘, toolbar: ‘no‘ }; var reg=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/; if(reg.test(unit.DetailAddr)){ $cordovaInAppBrowser.open(unit.DetailAddr, ‘_blank‘, options) .then(function(event) { // success }) .catch(function(event) { // error }); //$cordovaInAppBrowser.close(); } else{ $ionicLoading.show({ noBackdrop: true, template: "地址错误", duration: 1500 }); } }
$rootScope.$on(‘$cordovaInAppBrowser:loadstart‘, function(e, event){
alert("I安装中了");
});
<div class="card"> <div class="item"> <strong>{{HelpProc.RescueModel.UnitName}} <label class="price">¥{{HelpProc.RescueModel.Amount}}</label></strong> <div class="item" ng-repeat="unit in HelpProc.RescueModel.ListRescue" ng-click="godetail(unit)"> <span > {{unit.UnitName}}</span> <div class="clearfix"></div> <p class="align_right "><label class="labgreen">¥{{unit.Amount}} {{unit.DtTime}}</label></p> </div> </div> </div>
3.效果图
参考地址:
http://www.ionic-china.com/doc/ngCordova/In%20App%20Browser.html
http://cordova.apache.org/docs/en/3.3.0/cordova/inappbrowser/inappbrowser.html
Ionic跳转到外网地址
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。