У меня есть 2 пользовательских интерфейса на одной странице, основываясь на щелчке ссылок на панели навигации. Я хочу загрузить только ui-view="content"
, но здесь, когда я нажимаю на любую ссылку, оба представления обновляются, я пробовал несколько вещей, но не сделалработа, пожалуйста, предложите метод для решения этой проблемы.
<nav class="navbar navbar-default">
<ul class="nav navbar-nav navbar-right">
<li ui-sref-active="active">
<a ui-sref="events">events</a>
<a ui-sref="members">members</a>
</li>
</ul>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div ui-view="content"></div>
</div>
<div class="col-lg-4">
<div ui-view="right_content"></div>
</div>
</div>
</div>
JS код:
$stateProvider.state('events', {
url: '',
views: {
content: {
templateUrl: 'events',
controller: 'eventsController',
controllerAs: "data",
},
right_content: {
templateUrl: "right_content",
controller: 'rightPanelController',
controllerAs: "data",
},
}
});
Как справиться с этой ситуацией?