En una vista tengo 2 div. Al inicio debe verse uno pero cuando le de click a un boton este se debe ocultar y mostrar el segundo div que al inicio esta oculto.
Primer div que al inicio debe mostrarse
<div class="md-card-content" ng-controller="solicitudcomprasCtrl as showCase" ng-show="formVisibility">
</div>
Segundo div que al inicio esta oculto
<div id="div_agregarProducto" ng-show="agregarProducto">
</div>
Aca el boton
<a ng-show="formVisibility" ng-click="showCase.edit(showCase.item[' + data.id + '])"><i class="md-icon material-icons md-bg-teal-900 uk-text-contrast"></i></a>
Por el momento puedo ocultar el div "formVisibility" siendo este el primer div, de esta manera accediento a la funcion edit:
$scope.formVisibility = true;
$scope.agregarProducto = false;
function edit(item){
console.log("Ocultar Div");
$scope.agregarProducto = true;
$scope.formVisibility = false;
$scope.item = item;
}
Pero no puedo hacer que se muestre el segundo div que es el "agregarProducto" ya que esta accion la debe hacer con el mismo boton, que otra solucion podria aplicar
Gracias.