Εκπαιδευτικός Οδηγός AngularJS

Οδηγίες AngularJS

καθοδήγηση Περιγραφή
ng-app ορίζει το ρίζα στοιχείο της εφαρμογής.
ng-bind συνδέει το περιεχόμενο του στοιχείου HTML με τα δεδομένα της εφαρμογής.
ng-bind-html συνδέει το innerHTML του στοιχείου HTML με τα δεδομένα της εφαρμογής και αφαιρεί τον κίνδυνο κώδικα από τη συμβολοσειρά HTML.
ng-bind-template καθορίζει το μοτίβο που θα αντικαταστήσει το περιεχόμενο κειμένου.
ng-blur καθορίζει τη συμπεριφορά του θολού γεγονότος.
ng-change καθορίζει την έκφραση που θα υπολογιστεί όταν ο χρήστης αλλάξει το περιεχόμενο.
ng-checked καθορίζει αν το στοιχείο είναι επιλεγμένο.
ng-class καθορίζει τη CSS κλάση στο στοιχείο HTML.
ng-class-even συμμορφώνεται με το ng-class, αλλά δρα μόνο στις ζυγοί.
ng-class-odd συμμορφώνεται με το ng-class, αλλά δρα μόνο στις οδόντρες.
ng-click καθορίζει την έκφραση που θα υπολογιστεί όταν το στοιχείο χτυπηθεί.
ng-cloak αποτρέπει τα κεναίσματα κατά τη φόρτωση της εφαρμογής.
ng-controller ορίζει το αντικείμενο ελέγχου της εφαρμογής.
ng-copy καθορίζει τη συμπεριφορά σε γεγονότα αντιγραφή.
ng-csp Αλλάξτε τη πολιτική ασφαλείας περιεχομένου.
ng-cut Ορίστε τη συμπεριφορά για το συμβάν cut.
ng-dblclick Ορίστε τη συμπεριφορά για το συμβάν doubleclick.
ng-disabled Ορίστε αν το στοιχείο είναι απενεργοποιημένο.
ng-focus Ορίστε τη συμπεριφορά για το συμβάν focus.
ng-form Ορίστε το HTML φόρμα που θα κληρονομήσει τον έλεγχο.
ng-hide Κρύψτε ή εμφανίστε το στοιχείο HTML.
ng-href Ορίστε την url του στοιχείου <a>.
ng-if Αφαιρέστε το στοιχείο HTML αν η συνθήκη είναι false.
ng-include Εισάγετε HTML στην εφαρμογή.
ng-init Ορίστε την αρχική τιμή της εφαρμογής.
ng-jq Ορίστε την βιβλιοθήκη που πρέπει να χρησιμοποιηθεί από την εφαρμογή, όπως jQuery.
ng-keydown Ορίστε τη συμπεριφορά για το συμβάν keydown.
ng-keypress Ορίστε τη συμπεριφορά για το συμβάν keypress.
ng-keyup Ορίστε τη συμπεριφορά για το συμβάν keyup.
ng-list Μετατρέψτε κείμενο σε λίστα (μαγνητικός δίσκος).
ng-maxlength Ορίστε τον μέγιστο αριθμό χαρακτήρων που επιτρέπεται στο πεδίο εισαγωγής.
ng-minlength Ορίστε τον ελάχιστο αριθμό χαρακτήρων που επιτρέπεται στο πεδίο εισαγωγής.
ng-model Δημιουργήστε δεσμό μεταξύ της τιμής του HTML ελέγχου και των δεδομένων της εφαρμογής.
ng-model-options Ορίστε πώς θα ολοκληρωθεί η ενημέρωση του μοντέλου.
ng-mousedown Ορίστε τη συμπεριφορά για το συμβάν mousedown.
ng-mouseenter Ορίστε τη συμπεριφορά για το συμβάν mouseenter.
ng-mouseleave Ορίστε τη συμπεριφορά για το συμβάν mouseleave.
ng-mousemove Ορίστε τη συμπεριφορά για το συμβάν mousemove.
ng-mouseover Ορίστε τη συμπεριφορά για το συμβάν mouseover.
ng-mouseup Ορίστε τη συμπεριφορά για το συμβάν mouseup.
ng-non-bindable Ορίστε ότι δεν πρέπει να γίνει δεσμευτική δεδομένα σε αυτό το στοιχείο ή τα υποστοιχεία του.
ng-open Ορίστε την ιδιότητα open του στοιχείου.
ng-options Ορίστε τα options της λίστας <select>.
ng-paste Ορίστε τη συμπεριφορά για το συμβάν paste.
ng-pluralize Ορίστε το μήνυμα που θα εμφανιστεί με βάση τις τοπικές ρυθμίσεις en-us.
ng-readonly Ορίστε την ιδιότητα readonly του στοιχείου.
ng-repeat Για κάθε δεδομένο της συλλογής ορίστε ένα μοντέλο.
ng-required Καθορίζω την ιδιότητα required του στοιχείου.
ng-selected Καθορίζω την ιδιότητα selected του στοιχείου.
ng-show Εμφανίζω ή κρύβω το στοιχείο HTML.
ng-src Καθορίζω την ιδιότητα src του στοιχείου <img>.
ng-srcset Καθορίζω την ιδιότητα srcset του στοιχείου <img>.
ng-style Καθορίζω την ιδιότητα style του στοιχείου.
ng-submit Καθορίζω την έκφραση που θα εκτελεστεί στο συμβάν onsubmit.
ng-switch Καθορίζω την συνθήκη που θα χρησιμοποιηθεί για την εμφάνιση/απόκρυψη των υποστοιχείων.
ng-transclude Καθορίζω τον σημείο εισαγωγής του ενσωματωμένου στοιχείου.
ng-value Καθορίζω τη τιμή του στοιχείου input.

Οδηγίες του AngularJS στα στοιχεία HTML

Το AngularJS άλλαξε την προεπιλεγμένη συμπεριφορά κάποιων στοιχείων HTML.

Στοιχεία Περιγραφή
a Το AngularJS άλλαξε την προεπιλεγμένη συμπεριφορά του στοιχείου <a>.
form Το AngularJS άλλαξε την προεπιλεγμένη συμπεριφορά του στοιχείου <form>.
input Το AngularJS άλλαξε την προεπιλεγμένη συμπεριφορά του στοιχείου <input>.
script Το AngularJS άλλαξε την προεπιλεγμένη συμπεριφορά του στοιχείου <script>.
select Το AngularJS άλλαξε την προεπιλεγμένη συμπεριφορά του στοιχείου <select>.
textarea Το AngularJS άλλαξε την προεπιλεγμένη συμπεριφορά του στοιχείου <textarea>.

Φίλτρα AngularJS

Φίλτρα Περιγραφή
currency Μετατρέπω τον αριθμό σε μορφή νομίσματος.
date Μετατρέπω την ημερομηνία σε καθορισμένο μορφάλωμα.
filter Επιλέγω την υποσύνολο των στοιχείων από τη λίστα.
json Μετατρέπω τον αντικείμενο σε JSON αλφαβητική συμβολοσειρά.
limitTo Περιορίζω τον αριθμό των στοιχείων ή χαρακτήρων της λίστας ή της αλφαβητικής συμβολοσειράς.
lowercase Μετατρέπω τη αλφαβητική συμβολοσειρά σε πεζά.
number Μετατρέπω τον αριθμό σε αλφαβητική συμβολοσειρά.
orderBy Σειράρα την λίστα με βάση την έκφραση.
uppercase Μετατρέπω τη αλφαβητική συμβολοσειρά σε κεφαλαία.

Δείτε επίσης:

Εκμάθηση:Φίλτρα του Angular.

Αξιοτητες επιβεβαίωσης του AngularJS

  • $dirty
  • $invalid
  • $error

Δείτε επίσης:

Εκμάθηση:Επιβεβαίωση του Angular.

Καθολικός API του AngularJS

Μετατροπή

API Περιγραφή
angular.lowercase() Μετατρέπω τη αλφαβητική συμβολοσειρά σε πεζά.
angular.uppercase() Μετατρέπω τη αλφαβητική συμβολοσειρά σε κεφαλαία.
angular.copy() Δημιουργεί βαθιά αντιγραφή αντικειμένου ή λίστας.
angular.forEach() Εκτελεί συνάρτηση για κάθε στοιχείο αντικειμένου ή λίστας.

Σύγκριση

API Περιγραφή
angular.isArray() Επιστρέφει true αν η αναφορά είναι λίστα.
angular.isDate() Επιστρέφει true αν η αναφορά είναι ημερομηνία.
angular.isDefined() Επιστρέφει true αν η αναφορά είναι ορισμένη.
angular.isElement() Επιστρέφει true αν η αναφορά είναι στοιχείο DOM.
angular.isFunction() Επιστρέφει true αν η αναφορά είναι συνάρτηση.
angular.isNumber() Επιστρέφει true αν η αναφορά είναι αριθμός.
angular.isObject() Επιστρέφει true αν η αναφορά είναι αντικείμενο.
angular.isString() Επιστρέφει true αν η αναφορά είναι αλφαριθμητική αλυσίδα.
angular.isUndefined() Επιστρέφει true αν η αναφορά δεν είναι ορισμένη.
angular.equals() Επιστρέφει true αν οι δύο αναφορές είναι ισόμορφες.

JSON

API Περιγραφή
angular.fromJson() Αποδέχεται αλφαριθμητική αλυσίδα JSON και επιστρέφει αντικείμενα JavaScript.
angular.toJson() Αποδέχεται αντικείμενα JavaScript και επιστρέφει αλφαριθμητική αλυσίδα JSON.

Βασικό

API Περιγραφή
angular.bootstrap() Χειροκίνητη εκκίνηση AngularJS.
angular.element() Καθιστά τον HTMLέлемент jQueryέлемент.
angular.module() Δημιουργία, εγγραφή ή ανακτηση AngularJS��ουλού.

Δείτε επίσης:

Εκμάθηση:API του Angular.