单击时在已选择的选项卡上刷新iframe

时间:2017-02-08 17:20:54

标签: angularjs iframe ionic-framework ionic-view

我有一个带标签模板的Ionic 1.x应用,在每个标签的每个视图上我都有一个iframe。问题是,当iframe用户导航时,如果他再次点击当前标签,我想用初始网址刷新我的iframe,这可能吗?

我的tabs.html视图中已经有了这个:

<ion-tab title="Home" icon-off="ion-home" icon-on="ion-home" on-select="refresh('home')" href="#/tab/home">
    <ion-nav-view name="tab-home"></ion-nav-view>
</ion-tab>

在我的tab-home.html上:

<ion-view cache-view="false" hide-nav-bar="true" view-title="Dashboard">
  <ion-content overflow-scroll="false">
    <style>
      #contenedor{width: calc( 100% + 0px) ; height: 100%!important; overflow: hidden !important;}
      iframe{width: calc( 100% + 17px) ; height: 100%;}
    </style>
    <div id="contenedor" style="overflow:auto;-webkit-overflow-scrolling:touch">
    <iframe id="iframehome" style="width:100%;height:100%" type="text/html" ng-src="{{direhome | trusted}}"></iframe>
    </div>
  </ion-content>
</ion-view>

并在我的控制器上(单击当前选项卡上的任何内容均无效):

.controller('HomeCtrl', function($scope) {
 console.log("homectrl");
 $scope.direhome = "http://google.com/";
  $scope.refresh = function(){
    $window.location.reload(true)
    $state.go($state.current, {}, {reload: true});
  }
})

谢谢!

0 个答案:

没有答案