ng-href从json打开页面无法在app中工作

时间:2016-03-08 16:47:00

标签: javascript html angularjs ionic-framework

我有这个问题,当我在网络浏览器上打开但没有在我的Android智能手机上打开时。

<ion-list>  
  <ion-item class="list" >
    <a class="item item-thumbnail-left" ng-href="{{x.Adress}}" ng-repeat="x in names|orderBy:'Name'" >
      <img ng-src="{{x.Image}}">
      <h2>{{x.Name}}</h2>
      <p>{{x.Local}}</p>
      <p>{{x.Descri}}</p>
    </a>
  </ion-item>
</ion-list>

&#13;
&#13;
.controller('PlaylistsCtrl', function($scope, $http) {
  $http.get("patrocinadores.json")
      .success(function (response) 
      {
       $scope.names = response;
      });
})
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

尝试写入地址而不插值: 例如:     

并验证您的媒体资源名称。

或者你可以尝试(不是幻想):

<ion-list>  
    <ion-item class="list" >
<a class="item item-thumbnail-left" ng-click="Open(x.Adress)" ng-repeat="x in names|orderBy:'Name'" >
  <img ng-src="{{x.Image}}">
  <h2>{{x.Name}}</h2>
  <p>{{x.Local}}</p>
  <p>{{x.Descri}}</p>
</a>

在您的控制器中:

$scope.Open = function(url){
    window.open(url, '_system');
};

不要忘记你的&#34; a&#34;标签你需要将目标attr设置为&#34; system&#34;使用默认系统浏览器加载或打开链接,而不是嵌入离子视图。

我希望这可以帮到你。