Saya sedang mengerjakan aplikasi Angular.js yang memfilter melalui file json prosedur medis. Saya ingin menunjukkan detail setiap prosedur ketika nama prosedur diklik (pada halaman yang sama) menggunakan ng-click. Inilah yang saya miliki sejauh ini, dengan div .procedure-details disetel ke display: 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>
Saya cukup baru di sudut. Ada saran?
Jawaban:
Hapus
display:none
, dan gunakanng-show
sebagai gantinya:Ini biolanya: http://jsfiddle.net/asmKj/
Anda juga dapat menggunakan
ng-class
untuk beralih kelas:Saya lebih suka ini, karena ini memungkinkan Anda melakukan beberapa transisi yang bagus: http://jsfiddle.net/asmKj/1/
sumber
Gunakan
ng-show
dan ubah nilaishow
variabel cakupan ding-click
penangan.Berikut adalah contoh yang berfungsi: http://jsfiddle.net/pvtpenguin/wD7gR/1/
sumber