öneriler

Yeni başlayanlar için basit angularJS örneği (2) : ng-show kullanımı

UYGULAMA: Kullanıcı aylık gelirini ve kişi sayısını girecek. Aldığı gelir ve kişi sayısına göre gelir tespiti yapılacak. Aylık geliri 750 den düşükse ortalamanın altında; 750-1250 arasında ise ortalama; 1250 den fazla hesaplandı ise ortalamanın üstünde yazılacak.


Kopyalanabilir kodlar aşağıdadır: 

aylık gelir <input type="number" ng-model="aylikgelir" /> <br />
   kisi sayisi<input type="number" ng-model="kisisayisi" /> <br />
    ng show ile
    <div ng-show="aylikgelir/ kisisayisi<750" > türkiye ort altında</div>
    <div ng-show="aylikgelir/ kisisayisi>750 && (aylikgelir/ kisisayisi)<1250">
    türkiye ortalamasında </div>

    <div ng-show="(aylikgelir/ kisisayisi)>1250"  >
        türkiye ortüstünde</div>

     <hr /> 
    div içi bind ile
    <div ng-bind="ortalama=aylikgelir/ kisisayisi"></div>
        <div ng-show="ortalama<750"> türkiye ort altında</div>
        <div ng-show="ortalama>750 && ortalama<1250">
            türkiye ortalamasında
        </div>

        <div ng-show="ortalama>1250">
            türkiye ortüstünde
        </div>




Örnek ekran çıktısı:






not: her satırda "aylikgelir/ kisisayisi işlemini yapmak yerine başta bunu 'a' gibi bir değişkene atayıp onu kullanmak daha mantıklı olacaktır.




Birinci örneğe göz atmak isterseniz >  Buraya Tıklayabilirsiniz. ÖRNEK1








Google Plus'da Paylaş

Yazar gezen mühendis

Yazar hakkında bilgi yazılacak.
    Blogger Yorumları
    Facebook Yorumları

0 yorum :

Yorum Gönder

öneriler