在安卓上试了一下,如果直接window.open(url), 在app中点击外部链接没有任何反应。
安装https://github.com/apache/cordova-plugin-inappbrowser
执行命令:
ionic plugin add cordova-plugin-inappbrowser
简而言之,就是用window.cordova.InAppBrowser.open替换window.open
步骤:
1. 在应用程序启动的时候判断window.cordova是否存在如果是重写window.open方法
2. 用ng-click="openLink(story.url)" 替换先前的href
3. 在$scope中定义openLink方法。
4. 连上手机, 运行ionic run android测试
文件一: www/index.html
<div class="list"> <a ng-click="openLink(story.url)" class="item item-thumbnail-left item-text-wrap" ng-repeat="story in stories track by story.id"> <img ng-src="{{story.thumbnail}}" ng-if="story.thumbnail.startsWith('http')"/> <h2>{{story.title}}</h2> <p> <span am-time-ago="story.created_utc" am-preprocess="unix"></span> - {{story.domain}} </p> </a> </div>
文件二: www/js/app.js
(function () { var app = angular.module('myreddit', ['ionic', 'angularMoment']); app.controller('RedditCtrl', function ($http, $scope) { $scope.stories = []; function loadStories(params, callback) { 。。。 } $scope.loadOlderStories = function () {。。。 } $scope.loadNewerStories = function () {。。。 } $scope.openLink = function (url) { window.open(url, '_blank'); } }); app.run(function ($ionicPlatform) { $ionicPlatform.ready(function () { 。。。 if (window.cordova && window.cordova.InAppBrowser) { window.open = window.cordova.InAppBrowser.open; } 。。。 }); }) })();
相关推荐
ionic-sublime-plugin 支持sublime2、3版本
ionic 2从入门到精通,包括基础和5个手把手搭建的应用
Ionic时间选择插件 纯Angular 写的移动端时间选择插件 轻巧适用
ionic自定义插件开发调用原生android代码,带jar包的插件开发
ionic热更新插件,多个项目上已使用无bug。下载后文档README有使用详细说明
自定义cordova插件,添加到项目中使用(含参考链接,可自己学习)
ionic时间日期插件
ionic 支付宝支付 配置相关参数之后之后 可以使用 项目中用到 与大家分享一下
Angular服务形式写的消息提示插件 简单易用
基于ionic tabs模板应用修改而来 更符合实际业务需求
ionic自带的日历插件ionic-datepicker。项目中用到了两种风格的日历,一个是改造成选择日历日期;一个改造成签到显示日期。
结合http://blog.csdn.net/Yoryky/article/details/76080885博客的一个关于自定义ionic2插件的demo
用ionic3做个打印的功能,自定义个插件demo,并且调用成功
ionic2中使用codepush插件实现热更新功能,内含功能实现流程,插件下载以及实现代码
其中test压缩包是远程网页,可部署到web服务器下,hello是纯cordova项目,对立面InAppbrowser插件进行了改造,支持打开的远程网页调用本地插件,router2是ionic项目基于cordova同样进行了改造,router2由于太大没有...
windows 下 ionic3 创建ionic1 项目 并添加android 平台 附添加插件的方法
ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化,基于PhoneGap的编译平台,可以实现编译成各个平台的应用...
Ionic时间选择插件 纯Angular 写的移动端时间选择插件 轻巧适用,重写改进后的版本。
自定义Cordova插件,开源的插件不满足需求时,可以自己开发自己的插件
Ionic时间选择插件 纯Angular 写的移动端时间选择插件 轻巧适用,重写改进后的版本。