Скрыть/показать div с помощью angularjs

Question

, который изначально скрыт, при нажатии кнопки я хочу показать строки таблицы, которые, в свою очередь, получат данные из службы WCF. Я новичок в угловом, поэтому я не могу показать таблицу нажатием кнопки. он мерцает и уходит.

.html snippet 
     <div data-ng-hide="vm1.organizationNumber!=0 && !loading"> 
        <div class="row"> 

         <div class="col-sm-12 col-md-12 col-lg-12 table-responsive"> 
          <table class="table table-bordered table-condensed table-hover table-striped"> 
           <thead> 

            <tr style="white-space: nowrap;"> 
             <th>Organization #</th> 
             <th>Contract #</th> 
             <th>Plan #</th> 
             <th>Company Name</th> 
            </tr> 
           </thead> 
           <tr> 
            <td>{{vm1.organization}}</td> 
            <td>{{vm1.number}}</td> 
            <td>{{vm1.PlanName}}</td> 
            <td>{{vm1.EmployerName}}</td> 
           </tr> 
          </table> 
         </div> 
         </div> 
        </div> 
       </div> 

Answer 1

Вот пример: кнопка «Switch» переключает логическую переменную под названием switch и DIV будут скрыты или показаны на основе значения этой переменной.

<button ng-click="switch = !switch">switch</button> 

<div ng-hide="switch"></div>