Как скрыть и показать панель навигации в AngularJs?

Question

Я использовал ng-include для добавления html. В включенный html у меня есть панель боковой навигации. Эта боковая навигация включает я хочу показать в одном html, а не во втором html, как я могу это сделать?

MY включают

<div ng-include src="'template/includeGallery.html'" id="angularGallery" ng-controller="galleryCtrl as vm" 
       ng-show="vm.showGallery" resize> 
</div> 

includeGallery.html в

<div class="gallery"> 
       <div class="close" ng-click="vm.closeGallery()"> 
        <img src="../images/closeimage.png" class="close-img"> 
       </div> 
       <!-- Gallery start --> 

       <div ng-include src="'view/sidepanel.html'"> 
      </div> 
</div> 

В коде выше я хочу показать ng-include src="'view/sidepanel.html'"> в одном HTML-страницы и я не хочу, хочу показать во втором HTML оба имеют другой контроллер.

Оба html имеют разные контроллеры.

Answer 1

Вы должны использовать нг-шоу здесь: переменная

Initialize один статус от контроллера, чтобы гарантировать, что вы хотите, чтобы показать или нет.

$scope.status = true; 

Затем на ваш взгляд:

<div ng-show="status" ng-include src="'template/includeGallery.html'" id="angularGallery" ng-controller="galleryCtrl as vm" 
       ng-show="vm.showGallery" resize> 
</div> 

Answer 2

В контроллере, где вы не хотите включать в файл, взять flag, сделать это верно и добавить ng-if состояние, при котором вы в том числе частичное ,

app.controller('myController', ['$scope', 
    function($scope) { 

    vm.to_display = true; 

    } 

]) 

includeGallery.html в

<div class="gallery"> 
       <div class="close" ng-click="vm.closeGallery()"> 
        <img src="../images/closeimage.png" class="close-img"> 
       </div> 
       <!-- Gallery start --> 

       <div ng-if = "vm.to_display" ng-include src="'view/sidepanel.html'"> 
      </div> 
</div>