У меня следующая конфигурация:
$routeProvider
.when('/cars', { templateUrl: 'app/cars/index.html', controller: 'CarsCtrl', reloadOnSearch: false })
.when('/bikes', { templateUrl: 'app/bikes/index.html', controller: 'BikesCtrl', reloadOnSearch: false });
и где-то в моем корневом index.html есть:
<a href="#/cars">Cars</a>
<a href="#/bikes">Bikes</a>
<div ng-view></div>
Теперь я хочу, чтобы оба представления загружались и генерировались в DOM одновременно и отображали одно из них в зависимости от маршрута/URL.
Что-то вроде следующего (не настоящий рабочий код, просто чтобы дать вам представление).
приложение.js:
$routeProvider
.when('/cars', { controller: 'CarsCtrl', reloadOnSearch: false })
.when('/bikes', { controller: 'BikesCtrl', reloadOnSearch: false });
корень index.html:
<a href="#/cars">Cars</a>
<a href="#/bikes">Bikes</a>
<div ng-include="'app/cars/index.html'" ng-show="carsVisible"></div>
<div ng-include="'app/bikes/index.html'" ng-show="bikesVisible"></div>
ОБНОВЛЕНИЕ: я знаю, что ng-view делает это, но разница, пусть и тонкая, существует. Я хочу, чтобы html каждого представления генерировался один раз и всегда оставался в DOM.