Pracuję nad aplikacją Angular.js, która filtruje pliki json z procedurami medycznymi. Chciałbym pokazać szczegóły każdej procedury po kliknięciu nazwy procedury (na tej samej stronie) za pomocą ng-click. To, co mam do tej pory, z divem .procedure-details ustawionym na wyświetlanie: none:
<ul class="procedures">
<li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp">
<h4><a href="#" ng-click="?">{{procedure.definition}}</a></h4>
<div class="procedure-details">
<p>Number of patient discharges: {{procedure.discharges}}</p>
<p>Average amount covered by Medicare: {{procedure.covered}}</p>
<p>Average total payments: {{procedure.payments}}</p>
</div>
</li>
</ul>
Jestem całkiem nowy w kątowym. Jakieś sugestie?
Odpowiedzi:
Usuń
display:none
i użyjng-show
zamiast tego:Oto skrzypce: http://jsfiddle.net/asmKj/
Możesz także użyć,
ng-class
aby przełączyć zajęcia:Bardziej mi się to podoba, ponieważ pozwala robić fajne przejścia: http://jsfiddle.net/asmKj/1/
źródło
Użyj
ng-show
i przełącz wartośćshow
zmiennej zasięgu w programieng-click
obsługi.Oto działający przykład: http://jsfiddle.net/pvtpenguin/wD7gR/1/
źródło