angularjs - AngularJS: data-ng-model & data-ng-hide/show

Question

私の index.html ページは次のようになります。

<div id="sidepanel" data-ng-controller="ListCtrl">
    <li data-ng-repeat="record in records">
    {{record.id}}
    <input type="checkbox" data-ng-model="addwidget">
    </li>
</div>
<div id="main">
    <div data-ng-view></div>
</div>

この data-ng-view には、次のコードがあるという別のページ recordlist.html があります。

<div data-ng-controller="ListCtrl">
    <ul class="design">
        <li data-ng-repeat="record in records"> 
           <div data-ng-switch data-on="record.category">
        <div data-ng-switch-when="reporting1">
             <div id="{{record.id}}" data-ng-show="addwidget">{{record.description}}</div> 
             </div>               
             <div data-ng-switch-when="reporting2">                
             <div id="{{record.id}}" data-ng-hide="addwidget">{{record.description}}</div>
             </div>
        </li>
    </ul>
</div>

私の質問は、チェックボックスをオンにしたときに最初の div を表示し、チェックを外したときに 2 番目の div を表示したいということです。 data-ng-model と data-ng-hide/show の両方が同じページにある場合その後は正常に動作しますが、私の場合は 2 つの異なるページに表示されます。

それが正しいか ？どうすればこれを実装できますか。助けが必要です。ありがとうございます。