Felhasználói eszközök
oktatas:web:angularjs:angularjs_keretrendszer
Különbségek
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:34] admin [Az ngOptions direktíva] |
oktatas:web:angularjs:angularjs_keretrendszer [2021/03/25 22:05] (aktuális) admin [Az ngClass direktíva] |
||
|---|---|---|---|
| Sor 378: | Sor 378: | ||
| Nem engedélyezi a nyomógombot mindaddig, | Nem engedélyezi a nyomógombot mindaddig, | ||
| amíg üres az input mező. | amíg üres az input mező. | ||
| + | |||
| + | |||
| + | <code html> | ||
| + | <input type="checkbox" ng-model="masCim">A levelezési cím eltér<br> | ||
| + | |||
| + | <label>Település</label> | ||
| + | <input type="text" ng-disabled="!masCim"><br> | ||
| + | |||
| + | <label>Cím</label> | ||
| + | <input type="text" ng-disabled="!masCim"> | ||
| + | </code> | ||
| + | |||
| + | Teljes kód: | ||
| + | <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> | ||
| + | |||
| + | </head> | ||
| + | <body ng-app=""> | ||
| + | |||
| + | |||
| + | <input type="checkbox" ng-model="masCim">A levelezési cím eltér<br> | ||
| + | |||
| + | <label>Település</label> | ||
| + | <input type="text" ng-disabled="!masCim"><br> | ||
| + | |||
| + | <label>Cím</label> | ||
| + | <input type="text" ng-disabled="!masCim"> | ||
| + | |||
| + | |||
| + | </body> | ||
| + | </html> | ||
| + | </code> | ||
| ==== 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 402: | 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 ==== | ||
oktatas/web/angularjs/angularjs_keretrendszer.1616704482.txt.gz · Utolsó módosítás: 2021/03/25 21:34 szerkesztette: admin
Hacsak máshol nincs egyéb rendelkezés, ezen wiki tartalma a következő licenc alatt érhető el: CC Attribution-Share Alike 4.0 International
