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 Következő változat | Előző változat | ||
oktatas:web:angularjs:angularjs_keretrendszer [2021/03/25 21:45] admin [Az ngDisable 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> | ||
- | <!doctype html> | + | <!DOCTYPE html> |
<html ng-app> | <html ng-app> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<title>SWBin</title> | <title>SWBin</title> | ||
- | <script src="http://code.angularjs.org/1.3.9/angular.min.js"></script> | + | <script src="https://code.angularjs.org/1.8.2/angular.js"></script> |
<style> | <style> | ||
.egy { | .egy { | ||
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 ==== |