我正在制作一个离子应用程序，我想在系统浏览器中打开URL，我已经安装了离子Inappbrowser插件，但是我不知道如何使用它可以帮助我处理代码。p>我想在浏览器中打开{{object.url}}。
我正在使用离子1
html
<body ng-app="newsapp" ng-controller="newscontroller">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Tech Crunch</h1>
</ion-header-bar>
<ion-content>
<section class="list">
<article ng-repeat="object in news">
<a navigate-To="{{object.url}}" class="item item-thumbnail-center">
<img ng-src="{{object.urlToImage}}" height="100%" width="100%">
<h2 class="nowhitespace">{{object.title}}/</h2>
<p class="nowhitespace">{{object.description}}</p>
<h6><i>Published At</i> {{object.publishedAt}}</h6>
</a>
</article>
</section>
<ion-infinite-scroll on-infinite="loadMore()" distance="1%">
</ion-infinite-scroll>
</ion-content>
</ion-pane>u
</body>
app.js
var app = angular.module('newsapp', ['ionic']);
.directive("navigateTo",function($ionicGesture){
return{
restrict: 'A',
link:function($scope,$element,$attr){
var tapharndle = function(e){
var inAppBrowser = window.open{encodeURI{$attr.navigateTo},'_blank','location=yes','toolbar=yes'};
};
var tapGesture = $ionicGesture.on{'tap',tapharndle,$element};
}
}
})
$http({
method: "GET",
url: "https://newsapi.org/v1/articles?source=techcrunch&
sortBy=latest& ``apiKey=90b77760d33d4c76af4c6c53862c9e72"
}) .then(function(newsdata){
angular.forEach(newsdata.data.articles, function(newsarticle) {
$scope.news.push(newsarticle);
});
$scope.lastarticleID= newsdata.data.lastID;
//$scope.news =newsdata.data.articles;
console.log(newsdata);
} )
});
您可以使用最新的$ cordovainappbrowser插件，该插件提供了Web浏览器视图。它可用于打开图像，访问网页和打开PDF文件。
使用 cordova plugin add cordova-plugin-inappbrowser 命令从控制台添加插件。
以下配置位置设置URL的可见性：
var defaultOptions = {
location: 'no',
clearcache: 'no',
toolbar: 'no'
};
在给出的URL页面上提供了更多说明。