Для маршрутизации пользовался 'родным' для angular ngRoute. Устраивал пока не нужно было выводить по заданному url два и больше шаблона в двух разных местах одной странички.
Вот старый код, один шаблон в одном месте <ng-view>
.when('/page:page',{
templateUrl:function(params) {return basePath+'index'+params.page+'.html';},
controller: 'lessonPageCtrl'
})
.when('/',{
templateUrl:function() {return basePath+'index.html';},
controller: 'lessonPageCtrl'
})
Пришлось заменить на:
$stateProvider
.state('page', {
url: 'page:page',
views: {
'leftPage': {
templateUrl: function (stateParams){ return basePath+'indexL'+ stateParams.page + '.html'},
controller: 'lessonPageCtrl'
},
'rightPage': {
templateUrl: function (stateParams){ return basePath+'indexR'+ stateParams.page + '.html'},
controller: 'lessonPageCtrl'
}
}
})
Отображается в
<div ui-view="leftPage"></div>
<div ui-view="rightPage"></div>
Проблема в том что при втором варианте с использованием ui-router <div ui-view=""></div>
пустые пока не нажать на ссылку <a ui-sref="page({page: $index})">link</a>
. Что очень плохо. Нужно чтобы вьюха сразу отображалася в зависимости от url как в первом варианте используя nRout. Как решается проблема, что посоветуете?
ng-view
могли просто наng-include
заменить – Grundy♦ 27 ноя '15 в 20:40