javascript - AngularJS 1st ng-class は動作しますが、2nd は動作しません

Question

私は次のものを持っています：

<div data-ng-controller="resultsController">
    <div id="DIV1" ng-include src="'views/sidebar.html'" ng-class="showSidebar ? 'open' : 'closed' "></div>
    <div id="DIV2" ng-class="showSidebar ? 'open' : 'closed' "></div>

そして ( ng-include src="'views/sidebar.html'" )^ 内に、showSidebarの変更をトリガーする ng-click を含む次の div があります

    <div class="panel-header top-sidebar" ng-click="showSidebar = !showSidebar; ">

$scope.showSidebar = true; resultsControllerにあり、ng-clickが呼び出されると、DIV1 の ng-class が有効になりますが、DIV2 では有効になりません。

何か案は？