Как включить один частичный в другой, не создавая новую область?

Я проложил этот маршрут.

// 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>

& # X200B; Как мне решить эту проблему? Или есть какой-то другой способ добиться того же результата?

Ответы на вопрос(4)

Ваш ответ на вопрос