Monaca onsen UI タブ切り替え時にページ再読み込みしたい

monacaでアプリ制作中です。
onsen UI ons-tabbar をつかったメニューを画面下に設置しています。
このタブメニューの1つを押し読み込み先ページにiframeを使っていまして、これが表示されません。

monaca プレビュー、アンドロイド端末でのライブプレビューでは問題なく表示されていますが、
iOS端末のライブプレビューだと表示されません。

タブ切り替え時にページの再読み込みで解決するかな？と思い質問させていただきました。

どなたかご教示いただけないでしょうか？

よろしくお願いします。

【index.html】
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
  <script src="components/loader.js"></script>
  <script src="lib/onsenui/js/onsenui.min.js"></script>
  <script src="lib/onsenui/js/angular-onsenui.min.js"></script>
  <script src="lib/jquery/jquery-3.2.0.min.js"></script>
  <script src="lib/jquery/jquery.cbiframesize.min.js"></script>
  <script src="js/windows.js"></script>
  <link rel="stylesheet" href="components/loader.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
  <link rel="stylesheet" href="css/style.css">
  <script>
    ons.bootstrap();
    
    ons.ready(function(){
      console.log("Onsen UI is ready!");
    });
    </script>
    <script>
        $(".iframe").cbIframeSize();
    </script>
</head>
<body>
    <ons-tabbar>
        <ons-tab page="home.html" label="Home" icon="fa-home" active="ture"></ons-tab>
        <ons-tab page="lunch.html" label="Lunch" icon="fa-coffee"></ons-tab>
        <ons-tab page="gourmet.html" label="Gourmet" icon="fa-cutlery"></ons-tab>
        <ons-tab page="beauty.html" label="Beauty" icon="fa-female"></ons-tab>
        <ons-tab page="shopping.html" label="Shopping" icon="fa-shopping-bag"></ons-tab>
    </ons-tabbar>
</body>
</html>
ーindex.htmlの内容ここまでー

label="Lunch"のタブの読み込み先
【lunch.html】
<ons-page>
    <ons-toolbar class="title">
        <div class="txt-ctr">Lunch</div>
    </ons-toolbar>
    <iframe src="http://ここにURL" frameborder="0" scrolling="auto" class="iframe" width="100%" height="100%"></iframe>
</ons-page>

このページのiframeがiOSでのみ表示されない。

行動規範の内容に同意します

回答1件

ons-tabbarにはpostchangeというタブが切り替わった際に発火するイベントがあるようですので、そのイベント発火時にons-navigatorのreplacePageメソッドでページの再読み込みを実行すれば良いかと思うのですが、ons-navigatorは利用されていないのですね・・。
画面遷移等に便利ですので、特に制限が無いようでしたら、利用されてみてはいかがでしょうか？

【追記】
元の質問は「タブ切替時にページ再読み込み」とのことですが、
下記情報によるとCordovaでのiframe利用は、iOSでは全てが遮断されてしまうとも書いてあるように思います。

参考リンク