如何使列表中的项目可单击以在IONIC中的浏览器中打开URL

Question

如何在离子中制作，单击列表中的项目会导致它在浏览器中打开变量链接？

在下面的例子中，我有这个无法点击的website_url

<ion-item collection-repeat="person in persons" class="item item-icon-right item-icon-left" href="{{person.website_url}}">

  <i class="icon icon ion-ios-person"></i>
    {{person.name}}
    <i class="icon ion-chevron-right"></i>
</ion-item>

Answer 1

如果您想打开外部网址，点按<ion-item>即可：

 <ion-item collection-repeat="person in persons" class="item item-icon-right item-icon-left" ng-click="openUrl(person.website_url)">

并在控制器中：

$scope.openUrl = function(external_url){
   window.open(external_url);
}