javascript - Method of array or sequence of ui-views with Angular UI-Router? -

i have application sections used series of routes in nested ui-view.

in other words:

feedback.html--               |--feedback-alerts.html               |--feedback-progress.html 

and on, maybe 5-6 pages per section this. on main page sub-nav menu , ui-view hold views clicked in menu. works fine.

problem is, client prefer see these subdocuments on 1 page, , have sub-menu links scroll down each sub-section clicked!

i rather keep these templates separate. realize can ng-includes, , might still, wondering if there way have all-on-one-page experience views have...

here's routes, few redundant ones removed.

  (function() {    'use strict';    angular.module('pb.ds.feedback').config(function($stateprovider) {     $stateprovider.state('feedback', {       abstract: true,       url: '/feedback',       templateurl: 'modules/feedback/templates/feedback.html',       controller: 'feedbackcontroller feedback',       data: {         pagetitle: 'feedback',         access: 'public',         bodyclass: 'feedback'       }     })      .state('feedback.alerts', {       url: '/alerts',       templateurl: 'modules/feedback/templates/feedback-alerts.html',       controller: 'alertscontroller alerts'     })      .state('feedback.headermessage', {       url: '/headermessage',       templateurl: 'modules/feedback/templates/feedback-header-message.html',       controller: 'headermessagecontroller message'     });    });  })();