Angular ui-Router Debuggen

Question

Ich habe die folgende Anordnung:

$stateProvider.state('home', { 
     url: '/', 
     template: '' 
    }) 

    .state('profile', { 
     url: '/profile/view', 
     templateUrl: 'static/templates/profile.tpl.html' 
    }) 

    .state('profile.view', { 
     url: '', 
     templateUrl: 'static/templates/profile-view.tpl.html', 
     controller: 'profileController', 
     controllerAs: 'pc' 
    }) 

    .state('profile.edit', { 
     url: '/edit', 
     templateUrl: 'static/templates/profile-edit.tpl.html', 
     controller: 'editProfileController', 
     controllerAs: 'editCtrl' 
    }) 
    ; 

Was ich beabsichtige zu tun - ich habe einiger gemeinsamen Teilinhalt zwischen den profile.view und den profile.edit Staaten. Der gemeinsame Teil wird innerhalb des profile Zustandes angenommen. Aber die aktuelle Anordnung ist fehlgeschlagen und /profile/viewDOES NOT render eines der Teiltöne.

Keine Fehler gemeldet zu Konsole.

Edit: Hier ist profile.tpl.html

<div flex flex-gt-sm="50" flex-offset-gt-sm="25" layout="row" layout-align="center"> 
    <div ui-view> 
    </div> 
</div> 

Edit 2:

Nach der Zugabe von abstract: true der profile.view Zustand zu arbeiten begann gut. Aber profile.edit Zustand leitet Weiterleiten an /. Art nach der .otherwise('/') Regel

Answer 1

Ich werde meine eigene Frage beantworten:

Alles, was ich abstract: true im profile Zustand

bearbeiten war fehlte:

folgenden Dinge vollständig gelöst es für ich:

1. abstract: true in profile Zustand
2. url: '/profile' in profile Zustand
3. url: '/view' in profile.view Zustand
4. url: '/edit' in profile.edit Zustand