показать div, скрывая другой с ng скрыть и NG показать

У меня есть кнопка, которая при нажатии заставляет div исчезать с ng-hide, но я не могу понять, как я могу заставить другой div появиться, когда я нажимаю эту кнопку. Прямо сейчас мой код это:

<div class="col text-center"><button class="button b3" ng-click="goEsconder = !goEsconder">
     Ver fotos
   </button></div>
  </div>
  <div class="row" ng-hide="goEsconder">
    <div class="col tipo"><p class="tip">Tipo de espaço:</p><p class="tip2">Escritório</p>
    <p class="tip">Preço:</p><p class="tip2">{{detalhes[1]}}€/mês</p>

    <div class="col tipo"><p class="tip">Condições:</p>
    <p class="tip2">150 m2 de espaço
configurável</p>
</div>

Мой контроллер

.controller('perfilCtrl', ['$scope', '$stateParams', "detailService",// The following is the constructor function for this page's controller. See https://docs.angularjs.org/guide/controller
// You can include any angular dependencies as parameters for this function
// TIP: Access Route Parameters for your page via $stateParams.parameterName
function ($scope, $stateParams, detailService) {
$scope.detalhes=detailService.data;
$scope.goEsconder = false;
}])

И я хочу, чтобы этот div показывался, когда кнопка нажата, а другой div скрывается

  <div class="imagem">
   <img ng-src="http://www.comoditamodulados.com.br/wp-content/uploads/2015/12/executivo_-300x300.jpg" class="img-responsive img-thumbnail">
  </div>

1 ответ

  1. <div class="imagem" ng-hide="!goEsconder">
       <img ng-src="http://www.comoditamodulados.com.br/wp-content/uploads/2015/12/executivo_-300x300.jpg" class="img-responsive img-thumbnail">
      </div>
    

    Или как сказал @Adwaenyth.

    <div class="imagem" ng-show="goEsconder">
       <img ng-src="http://www.comoditamodulados.com.br/wp-content/uploads/2015/12/executivo_-300x300.jpg" class="img-responsive img-thumbnail">
      </div>