没有为 ion-nav-view 加载模板答案

【问题标题】：Template not loading for ion-nav-view没有为 ion-nav-view 加载模板
【发布时间】：2016-06-09 15:58:21
【问题描述】：

我已经反复检查和三次检查错别字，但我的 ionic 应用程序仍然无法加载我拥有的选项卡的模板。

app.js

angular.module('testing', ['ionic', 'ngIOS9UIWebViewPatch', 'ngMaterial', 'ngMessages', 'ngCordova'])
    .run(function($ionicPlatform, $cordovaSQLite, $rootScope, $ionicHistory, $state, $mdDialog, $mdBottomSheet) {
        /**
         * Ionic on-ready function
         */
        $ionicPlatform.ready(function() {
            ionic.Platform.isFullScreen = true;
            if (window.cordova && window.cordova.plugins.Keyboard) {
                cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
                cordova.plugins.Keyboard.disableScroll(true);
            }
            if (window.StatusBar) {
                StatusBar.styleDefault();
            }
        });
    })
    .config(function($ionicConfigProvider, $stateProvider, $urlRouterProvider, $mdThemingProvider, $mdIconProvider, $mdColorPalette, $mdIconProvider) {
        /*
         * States
         */
        $stateProvider
            .state('app', {
                url: "/app",
                abstract: true,
                templateUrl: "elements/menu/menu.html"
            })
            .state('app.feed', {
                url: "/feed",
                views: {
                    'tab-feed': {
                        templateURL: "elements/feed/feed.html",
                        controller: 'feedCtrl'
                    }
                }
            })
            .state('app.patients', {
                url: "/patients",
                views: {
                    'tab-patients': {
                        templateURL: "elements/patient/patient.html",
                        controller: 'patientCtrl'
                    }
                }
            })
            .state('app.settings', {
                url: "/settings",
                views: {
                    'tab-settings': {
                        templateURL: "elements/settings/settings.html",
                        controller: 'settingsCtrl'
                    }
                }
            });

        /**
         * Takes care of otherwise URL redirect to the start page
         */
        $urlRouterProvider.otherwise('/app/patients');
    });

菜单html：

<ion-tabs class="tabs-striped tabs-icon-top">

   <ion-tab title="Feed" icon-on="ion-ios-paper" icon-off="ion-ios-paper-outline" href="#/app/feed">
      <ion-nav-view name="tab-feed"></ion-nav-view>
    </ion-tab>

    <ion-tab title="Patients" icon-on="ion-ios-people" icon-off="ion-ios-people-outline" href="#/app/patients">
      <ion-nav-view name="tab-patients"></ion-nav-view>
    </ion-tab>

    <ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline" href="#/app/settings">
      <ion-nav-view name="tab-settings"></ion-nav-view>
    </ion-tab>

</ion-tabs>

最后是部分模板html：

<ion-view>
  Patient List 
  <ion-content class="padding">
    <p>something or the other</p>
  </ion-content>
</ion-view>

上面的 html 中没有显示。我检查了该部分，一切都在那里，直到 ion-nav-view，进一步的嵌套部分根本不在生成的代码中。

我错过了什么？我所有这些选项卡的控制器只是占位符。控制台中没有错误。

【问题讨论】：

标签： javascript html angularjs ionic-framework

【解决方案1】：

您是否链接了您的控制器文件？您必须在 app.js 上声明您的文件，如下所示：

angular.module('testing', [
  'ionic', 
  'ngIOS9UIWebViewPatch', 
  'ngMaterial', 
  'ngMessages', 
  'ngCordova',
  'testing.controllers'
])

如果你错过了，你会得到你描述的所有 html。

【讨论】：