如何在單擊第一個元素時創建按鈕，它應該使用ng-show / ng-hide angularjs隱藏和顯示第二個元素？

Question

請幫忙，如何在單擊第一個元素時進行顯示/隱藏，通過使用angularjs ng-show / ng-hide將第一個元素更改為第二個元素？

<div class="panel panel-default" ng-click="showDetails1 = !showDetails1">
     <div ng-show="showDetails1">
          //this is element 1
     </div>
     <div ng-click="showDetails2 = !showDetails2">
          <div ng-show="showDetails2">
              //this is the second element that will appear when the first element is clicked
          </div>
     </div>
</div>

Answer 1

您可以嘗試以下操作，以在元素1被隱藏時顯示元素2，而在元素2被隱藏時顯示元素1。

   <div class="panel panel-default" ng-init="showDetails =true" ng-click="showDetails = !showDetails">
         <div ng-show="showDetails">
              //this is element 1
         </div>
         <div ng-show="!showDetails">
              //this is the second element that will appear when the first element is clicked
         </div>
    </div>

Answer 2

<div class="panel panel-default" ng-click="showDetails1 = !showDetails1">
     <div ng-show="showDetails1">
          //this is element 1
     </div>
     <div ng-hide="showDetails1">
          //this is the second element that will appear when the first element is clicked
      </div>
</div>