Wie kann man li tag in angularjs verstecken und anzeigen?

Question

Ich benutze angularjs 1.4.8. Ich versuche, & Show Operation in <li> zu verstecken.

ist mein Code unten angegeben:

<ul class="bk_crs_rslt"> 
    <li ng-repeat="c in courses"> 
    <h4> 
     <a href="#" ng-click="show = !show"> {{c.CourseName }} 
     <img src="image/bk_ad_btn.jpg" /> 
     </a> 
    </h4> 
    <p><span style="color:#337ab7;">{{c.CollegeName}}</span><br>{{c.CountryName}}</p> 
    <p ng-show="show"> 
     <b>Tution Fee</b>  : {{c.Fee}}<br> 
     <b>Level</b>   : {{c.LevelName}}<br> 
     <b>Detail </b>  : {{c.Detail}} <br> 
     <b>Duration </b>  : {{c.Duration}}<br> 
     <b>Subject </b>  : {{c.Subjec}}t<br> 
     <b>IELTS Score </b> : {{c.Score}}<br /> 
    </p> 
    </li> 
</ul> 

Wie kann & Show in <li> Tag verstecken? hier angegeben https://plnkr.co/edit/lsIypaBviXNvEi7Pwok4?p=info

funktioniert es im plump aber funktioniert meine lösung nicht?

Answer 1

Versuchen zeigen als Eigenschaft zu verwenden

dieses wie

<ul class="bk_crs_rslt"> 
    <li ng-repeat="c in courses" > 
    <h4><a href="#" ng-click="c.show = !c.show"> {{c.CourseName }}<img src="image/bk_ad_btn.jpg" /></a> </h4> 
    <p ng-show="c.show"><span style="color:#337ab7;">{{c.CollegeName}}</span> 
     <br>{{c.CountryName}}</p> 
    </li> 
</ul>