Ukrywanie formularzu jesli zdefiniowana jest zmienna jesli nie pokazuje formularz AngularJS

Question

Siema, prosiłbym o pomoc w ogarnięciu tego,

Chce zrobić tak że po włączeniu okna modalnego jest :

- jesli istnieje zmienna description w zmiennej w tablicy i nie jest pusta to :

wyświetl :

<div class="modal-desc-form"> 
     <p> {{card.description}}</p>
</div>

- jeśli nie istnieje zmienna, bądź jest pusta to ten element wyżej się nie pokazuję /\ a pokazuję się ten :

<div class="modal-desc-form">
     <form>
         <textarea ng-model="card.description" cols="30" rows="2" class="form-control"></textarea>
          <button class="btn btn-success">Zapisz</button>
      </form>
  </div>
</div>

Problem mam z ustawieniem warunków ponieważ manewruję na tej samej zmiennej {{card.description}} więc jeśli

w pierwszym wypadku ustawie warunek

 

deactive { display : none; }

 

ng-class="{ deactive : toggleDesc == true || card.description == undefined || card.description == '' }" - ( czyli jeśli formularz jest otwarty to ukryj pole, i tam jeśli puste/niezdefiniowane )

okej to zadziała ale problem zaczyna się z górki tu, nie wiem jak zdefiniować warunek próbowałęm na zasadzię

ng-class="{ deactive : toggleDesc == false || card.description != undefined || card.description != '' }"

Tylko tak nie może być bo po wprowadzeniu jakiejkolwiek wartości w textarea, form znika bo spełnia się warunek card.description != undefined || card.description != ''

Więc jak zrobić motyw że po otwarciu okna modalnego gdy będzie pusta/niezdefiniowana wartość pojawi się formularz do wpisania a jesli nie formularz zniknie a pojawi się normalny div z wartośćia? :P

Tylko w przypadku kiedy istnieje zmienna i pojawi się div z wyświetleniem jej chce po kliknięciu w edit, edytować aktualna wartość a nie puste pole