离子 - 离子视图失败答案

【问题标题】：Ionic - Fail on Ionic View离子 - 离子视图失败
【发布时间】：2016-08-31 00:46:15
【问题描述】：

我用 ionic 框架在侧边菜单内制作了一个标签页，并在 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

为什么？，有什么想法吗？，

谢谢。

【问题讨论】：

标签： ionic-framework

【解决方案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');

【讨论】：