如何停止重新加载或重新渲染UI视图

Question

根据导航栏链接的点击，我在一个页面中有2个ui视图，我只想加载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",
        },
    }
});

如何处理这种情况？