Angularjs Blank Ionic项目的问题（新手）

我诚实地拍了这张照片，并花了数小时试图通过教程、示例和视频解决这一问题。我终于认输了，我需要一些额外的眼睛。我一辈子都搞不懂为什么我的欢迎屏幕没有显示在我的索引上！它在顶部显示为“ionic blank start”，在控制台中，您可以看到“welcome.html”是通过xhr加载的，但从未显示过。这是我的档案：

index.html js/controllers.js

---

在index.html中添加

ion nav view

这样的标记-

<ion-content>
    <ion-nav-view></ion-nav-view>
</ion-content>

使用状态时，此标记是必需的。否则，ionic将显示一个空白屏幕，因为它无法找到在何处渲染模板

---

我还没有用你的应用程序测试过这一点，所以你可以试一试，让我知道。

你应该按照Sam的建议+删除你的州提供商中的

摘要：true，

行

摘要除了需要显示外，还需要一个子视图，通常用于应用程序中的选项卡导航

您还在html模板中声明了WelcomeCtrl

<div ng-controller="WelcomeCtrl">

---

这是不需要的，因为您已经在状态提供程序配置中声明了它。

您在控制台中看到任何错误吗？不，没有错误。控制台中显示的唯一内容是：

XHR已完成加载：GET“http://localhost:8100/templates/welcome.html“

我认为您需要在离子内容内（或代替）一个元素。您也不需要模板中的ng控制器属性…控制器是使用状态路由设置的。我刚刚添加了一个答案。请尝试。仅供参考，您应该发布答案，而不是将答案编辑到问题中。不幸的是，没有任何更改：（你能创建一个plnkr以便我们可以尝试吗？无论如何，你应该使用我所说的，因为这是必要的。问题可能不仅仅是我猜测的。现在加载了内容，我可以通过inspector查看它，但是

div.scroll

处于

高度：0

，这就是为什么我看不到我的内容。知道为什么吗？理想情况下，这不应该发生。确保您没有在任何css文件中设置高度。如果没有，请尝试设置的最小高度和高度属性。滚动为100%！重要信息。

angular.module('starter', ['ionic', 'starter.controllers'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
  .state('welcome', {
    url: '/welcome',
    abstract:true,
    templateUrl:'templates/welcome.html',
    controller:'WelcomeCtrl'
  })
  .state('sign-up', {
    url: '/sign-up',
    views: {
      tempalteUrl: 'templates/sign-up.html',
      controller: 'SignUpCtrl'
    }
  });

  $urlRouterProvider.otherwise('/welcome');
})

angular.module('starter.controllers', [])

.controller('WelcomeCtrl', function($scope) {})

<ion-content>
    <ion-nav-view></ion-nav-view>
</ion-content>

<div ng-controller="WelcomeCtrl">