Another nested view problem

Yes, another nested view problem! :slight_smile: Here’s the scenario: A multiple tab app that as it’s home page features a dashboard with a user profile and activity summary, both of which are retrieved from different ajax calls.

So to start, here’s my state definitions for the main home tab:

 .state('tab', {
  url: "/tab",
  abstract: true,
  templateUrl: "templates/nav.html",
  // The tab requires user login
  data: {
    requiresLogin: true

.state('tab.dash', {
  url: '/dash',
  views: {
    'dashboard': {
      templateUrl: 'templates/dashboard.html'

.state('tab.dash.profile', {
  url: '/profile',
  views: {
    'profile': {
      templateUrl: 'templates/profile.html',
      controller: 'ProfileCtrl'

.state('tab.dash.summary', {
  url: '/summary',
  views: {
    'summary': {
      templateUrl: 'templates/summary.html'

…and here’s my templates:


<ion-view title="Dashboard">
  <ion-content class="has-header padding">


	<div ui-view name="profile"></div>
	<div ui-view name="summary"></div>



<h1>Summary details here</h1>

User Profile:

<div class="list card">
  <div class="item item-avatar">
    <img src="{{profile.profilePicturePath}}">
    <h2>{{ profile.displayName }}</h2>
    <p>Joined {{ profile.firstAccess | date : 'mediumDate' }}</p>
  <li ng-repeat="(attribute, value) in profile">
    {{ attribute }} ({{ value }})

…and of course the index.html fragment that’s holding all the nav bar and main nav view:

    <ion-nav-bar class="bar-stable nav-title-slide-ios7">
      <ion-nav-buttons side="right">
        <button class="button" ng-click="logout()">Logout</button>

So what does this render so far? This:

You can see the Dashboard template file is being included, but the nested profile and summary views are not. The placeholder divs are in the markup:

Anyone able to see what I’ve done wrong? (I’m guessing it’s something really silly I’ve just let slip by!)