У меня эти маршруты.
// index.html
<div ng-controller="mainCtrl">
<a href='#/one'>One</a>
<a href='#/two'>Two</a>
</div>
<div ng-view></div>
И вот как я загружаю частичные части в мой ng-view
.
// app.js
var App = angular.module('app', []);
App.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/one', {template: 'partials/one.html', controller: App.oneCtrl});
$routeProvider.when('/two', {template: 'partials/two.html', controller: App.twoCtrl});
}]);
Когда я нажимаю ссылки, он показывает мне соответствующую разметку внутри ng-view. Но когда я пытаюсь включить partials/two.html
внутри partials/one.html
с помощью ng-include
, он показывает его правильно, но создает другую область, поэтому я не могу взаимодействовать с ней.
// partials/two.html - markup
<div ng-controller="twoCtrl">I'm a heading of Two</div>
// partials/one.html - markup
<div ng-controller="oneCtrl">I'm a heading of One</div>
<div ng-include src="'partials/two.html'"></div>
Как решить эту проблему? Или есть ли другой способ добиться того же результата?