Множество йонни изгледи не успяват да се рендират

Как да имам множество йонни изгледи? - Опитах различни неща, за да заработи, но всички се провалиха...

Ето съответните части от моето приложение Angular Ionic:

Преглед

<body ng-app="ionic_appname">
    <ion-nav-view></ion-nav-view>
    <ion-nav-view name="errorsView" title="Errors"></ion-nav-view>

Маршрутизиране

.config(
    function ($stateProvider, $urlRouterProvider) {
        $urlRouterProvider.otherwise('/');
        $stateProvider
            .state('errors', {
                views: {
                    errorsView: {
                        templateUrl: 'main/templates/errors.html'
                    }
                }
            })
            .state('home', {
                url: '/',
                templateUrl: 'main/templates/home.html',
            })
    }

main/templates/errors.html

<h3>Errors ahoy</h3>

main/templates/home.html

<h3>Tadaima</h3>

Изобразеният изход обаче е просто:

<body ng-app="ionic_appname" class="grade-a platform-browser platform-win32 platform-ready">
    <ion-nav-view class="view-container" nav-view-transition="ios" nav-view-direction="none" nav-swipe="">
        <ion-view view-title="Home" class="pane" nav-view="active" style="opacity: 1; transform: translate3d(0%, 0px, 0px);">
            <h3>Tadaima</h3>
        </ion-view>
    </ion-nav-view>
    <ion-nav-view name="errorsView" title="Errors" class="view-container" nav-view-transition="ios"></ion-nav-view>

angularjs angular-ui-router ionic-view angularjs-view ionic
person A T    schedule 10.12.2015    source източник
comment
Какво имаш предвид с множество изгледи? Множество изгледи всички едновременно видими?   -  person beaver    schedule 10.12.2015
comment
Да, това имам предвид.   -  person A T    schedule 10.12.2015
comment
Може би състоянията са грешното нещо и трябва да използвам ng-include или дори персонализиран directive вместо това...   -  person A T    schedule 10.12.2015

Отговори (1)


arrow_upward
0
arrow_downward

Виждали ли сте вече този Plunker?

http://plnkr.co/edit/UkXhXK?p=preview

Той използва подход "вложени изгледи", който вероятно бихте могли да приемете във вашия проект. Например:

  .state('home', {
      url: '/',
      // loaded into ui-view of parent's template
      views:{
        'homePage': {
          templateUrl: 'main/templates/home.html',
          controller: 'HomeController'
        },
        'errorPage': {
          templateUrl: 'main/templates/errors.html',
          controller: 'ErrorController'
        }
      },
      onEnter: function(){
        console.log("enter home");
      }
  })
person beaver    schedule 10.12.2015
comment
Да, познавам подхода на подизгледа, но това би изисквало пространство от имена на всичко, защото всички излъчват в състояние на грешка. - person A T; 10.12.2015