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

  • Austin Evans

    Austin Evans

    5 AĞUSTOS 2007
  • Dumb Stupid Videos

    Dumb Stupid

    26 Kasım 2013
  • PCDIY

    PCDIY

    16 AĞUSTOS 2013