A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat | |||
oktatas:web:angularjs:angularjs_keretrendszer [2021/03/25 21:50] admin [Az ngClass direktíva] |
oktatas:web:angularjs:angularjs_keretrendszer [2021/03/25 22:05] (aktuális) admin [Az ngClass direktíva] |
||
---|---|---|---|
Sor 417: | Sor 417: | ||
==== Az ngClass direktíva ==== | ==== Az ngClass direktíva ==== | ||
+ | Osztály beállítása egy elem számára: | ||
<code html index.html> | <code html index.html> | ||
Sor 439: | Sor 440: | ||
</code> | </code> | ||
+ | Beállítás select űrlapelemmel: | ||
+ | |||
+ | <code html index.html> | ||
+ | <!DOCTYPE html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>ngDisable</title> | ||
+ | <script src="https://code.angularjs.org/1.8.2/angular.js"></script> | ||
+ | <style> | ||
+ | .egy { | ||
+ | background-color: lightblue; | ||
+ | color:white; | ||
+ | } | ||
+ | .ketto { | ||
+ | background-color: orange; | ||
+ | color: black; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body ng-app=""> | ||
+ | |||
+ | <select ng-model="vmi"> | ||
+ | <option>egy</option> | ||
+ | <option>ketto</option> | ||
+ | </select> | ||
+ | <p ng-class="vmi">Valami</p> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
+ | </code> | ||
==== Az ngOptions direktíva ==== | ==== Az ngOptions direktíva ==== |