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

  • boburnham

    boburnham

    11 Temmuz 2006
  • Candyrat Records

    Candyrat Rec

    10 Mayıs 2006
  • MisterBrightside

    MisterBright

    24 Mart 2006