Question

我在侧面菜单中使用离子框架制作了一个标签页，并在PC中完美运行。但当我上传到离子视图（view.ionic.io），并在我的手机上运行它，标签消失。

我的标签脚本：

<script id="templates/tabs.html" type="text/ng-template">
  <ion-tabs class="tabs-positive tabs-icon-top">
     <!-- Dashboard Tab -->
     <ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/app/palylist/dash">
       <ion-nav-view name="tab-dash"></ion-nav-view>
     </ion-tab>

     <!-- Chats Tab -->
     <ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/app/playlist/chats">
       <ion-nav-view name="tab-chats"></ion-nav-view>
     </ion-tab>

     <!-- Account Tab -->
     <ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/app/playlist/account">
       <ion-nav-view name="tab-account"></ion-nav-view>
     </ion-tab>
  </ion-tabs>
</script>

在这里，我在codePen中创建了完整的代码：http://codepen.io/MarcelAng/pen/KrJyYp

为什么？，任何想法？，

感谢。

Answer 1

尝试使用适用于我的状态/模板URL从app.js加载模板。不知何故，当使用脚本时它只是不起作用。希望这有帮助

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider

  .state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'templates/tabs.html'
  })

  .state('tab.dash', {
    url: '/dash',
    views: {
      'tab-dash': {
        templateUrl: 'templates/tab-dash.html',
        controller: 'DashCtrl'
      }
    }
  });

  $urlRouterProvider.otherwise('/tab/dash');

离子 - 离子视图失败

1 个答案: