AngularJS DOM
AngularJS’da ilova ma’lumotlarini HTML DOM elementlarining atributlariga bog‘lash uchun direktivalar mavjud.
ng-disabled direktivasi
ng-disabled direktivasi AngularJS ilova ma’lumotlarini HTML elementlarining disabled atributiga bog‘laydi.
AngularJS misoli
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
O‘zingiz sinab ko‘ring »
Ilova izohi:
ng-disabled direktivasi mySwitch ilova ma’lumotini HTML tugmasining disabled atributiga bog‘laydi.
ng-model direktivasi HTML checkbox elementining qiymatini mySwitch qiymatiga bog‘laydi.
Agar mySwitch qiymati true bo‘lsa, tugma o‘chirilgan (disabled) bo‘ladi:
<p>
<button disabled>Click Me!</button>
</p>
Agar mySwitch qiymati false bo‘lsa, tugma o‘chirilmaydi:
<p>
<button>Click Me!</button>
</p>
ng-show direktivasi
ng-show direktivasi HTML elementini ko‘rsatadi yoki yashiradi.
AngularJS misoli
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
O‘zingiz sinab ko‘ring »
ng-show direktivasi HTML elementini ng-show qiymatiga qarab ko‘rsatadi (yoki yashiradi).
true yoki false qiymatini beradigan istalgan ifodadan foydalanishingiz mumkin:
AngularJS misoli
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
O‘zingiz sinab ko‘ring »
Keyingi bobda tugmani bosish orqali HTML elementlarini yashirishga oid ko‘proq misollar bor.
ng-hide direktivasi
ng-hide direktivasi HTML elementini yashiradi yoki ko‘rsatadi.
AngularJS misoli
<div ng-app="">
<p ng-hide="true">I am not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!