AngularJS: bouton Masquer après cliquez sur

Nouveau Angulaire et aux prises avec la façon de faire les choses de la "Angulaire". Tout ce que je veux faire est de cliquer sur un bouton pour afficher un élément masqué à l'intérieur d'une vue, puis masquer le bouton qui a été cliqué. Toute aide serait génial.

HTML:

<button class="btn btn-primary" ng-click="showDiv=true; hideMe()">
  Show Div
</button>
<div ng-show="showDiv">
  I was hidden now you see me, but how do I hide the button?
</div>

Contrôleur:

  $scope.hideMe = function(){
    console.log('hide the button');
    $scope.hide();
  }

Exemple de Code: Plunker

Idéalement souhaitez intégrer

ng-hide

sur le bouton et ne pas avoir une fonction à exécuter à l'intérieur du contrôleur.

OriginalL'auteur Full-Hybrid | 2015-07-20

  1. 7
    <button ng-hide="showDiv"...

    Devrait fonctionner aussi

    OriginalL'auteur Kendall

  2. 6

    Juste ajouter ng-show="!showDiv" à votre bouton, cela va masquer, si showDiv = true

    Juste pour être clair html devrait ressembler à:

    <button class="btn btn-primary" ng-click="showDiv=true" ng-show="!showDiv">Show Div</button>

    OriginalL'auteur code