SORU
21 Mayıs 2013, Salı


Ng-repeat içinde ng-click gizli div Haritayı

Tıbbi işlem json dosyası üzerinden filtreleri angular.js bir uygulama üzerinde çalışıyorum. İşlemin adı tıklandığında her işlemin ayrıntılarını (aynı sayfada) göstermek için ng-click kullanarak istiyorum. Bu şimdiye kadar sahip olduğum şey, bu .prosedür detayları Ekran:Yok div ayarlamak için:

<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>

Açısal yeni sayılırım. Herhangi bir öneriniz var mı?

CEVAP
21 Mayıs 2013, Salı


5* *yerine: ** 4, ve kaldırın

<ul class="procedures">
    <li ng-repeat="procedure in procedures | filter:query | orderBy:orderProp">
        <h4><a href="#" ng-click="showDetails = ! showDetails">{{procedure.definition}}</a></h4>
         <div class="procedure-details" ng-show="showDetails">
            <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>

Burada keman: http://jsfiddle.net/asmKj/


Ayrıca ng-class bir sınıf geçiş yapmak için kullanabilirsiniz:

<div class="procedure-details" ng-class="{ 'hidden': ! showDetails }">

Sana güzel geçişler yapmak için izin beri bu daha çok severim: http://jsfiddle.net/asmKj/1/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Shanice Caruthers

    Shanice Caru

    27 EKİM 2011
  • Snazzy Labs

    Snazzy Labs

    9 Aralık 2008
  • WOSU Public Media

    WOSU Public

    23 AĞUSTOS 2007