ng-view inside the another ng-view possible

Question

Nested ng-view is possible in angularjs or if any alternative solution for this one. If it is possible for ng-view inside the ng-view.

As @MattWay says ui-router's nested states is what you're after. — Mohammad Sepahvand, Sep 20 '14 at 05:19
http://stackoverflow.com/questions/15637350/nesting-ng-views-in-angular-js — Alexey Semenyuk, Sep 20 '14 at 06:27
http://stackoverflow.com/questions/22187231/doubly-nested-views-ui-router-or-ui-bootstrap-tabs-accordion — cheekybastard, Sep 21 '14 at 01:52

score 2 · Answer 1 · answered Sep 20 '14 at 06:24

use ui-router for nested views.. read about comparison between ngRoute & uiRouter here

below is an example of how to define nested views...

.state('bulletinBoard', {
        url: '/bulletinBoard',
        templateUrl: '../src/app/bulletinBoard/views/bulletinBoard.part.html',
        views: {
            'tradeFeed': {
                controller: 'tradeFeedController',
                templateUrl: '../src/app/bulletinBoard/views/tradeFeed.part.html'
            },
            'newsFeed': {
                controller: 'newsFeedController',
                templateUrl: '../src/app/bulletinBoard/views/newsFeed.part.html'
            }
        }
        });

the best source for reading about nested view, is the official documentation link here

ng-view inside the another ng-view possible

1 Answers1