Podręcznik AngularJS

Dokumentacja AngularJS

Instrukcja Opis
ng-app Zdefiniuj główny element aplikacji.
ng-bind Przypisz zawartość elementu HTML do danych aplikacji.
ng-bind-html Przypisz wartość innerHTML elementu HTML do danych aplikacji i usuń niebezpieczny kod ze ciągu HTML.
ng-bind-template Zastąp zawartość tekstu szablonem.
ng-blur Zdefiniuj zachowanie zdarzenia rozmycia.
ng-change Zdefiniuj wyrażenie do obliczenia, gdy użytkownik zmienia zawartość.
ng-checked Zdefiniuj, czy element jest zaznaczony.
ng-class Zdefiniuj klasę CSS na elemencie HTML.
ng-class-even Jak ng-class, ale działa tylko dla parzystych wierszy.
ng-class-odd Jak ng-class, ale działa tylko dla nieparzystych wierszy.
ng-click Zdefiniuj wyrażenie do obliczenia, gdy element zostanie kliknięty.
ng-cloak Unikaj migotania podczas ładowania aplikacji.
ng-controller Zdefiniuj obiekt kontrolera aplikacji.
ng-copy Zdefiniuj zachowanie na zdarzenie kopiowania.
ng-csp Zmień politykę bezpieczeństwa treści.
ng-cut Określ zachowanie na zdarzeniu cut.
ng-dblclick Określ zachowanie na zdarzeniu doubleclick.
ng-disabled Określ, czy element jest wyłączony.
ng-focus Określ zachowanie na zdarzeniu focus.
ng-form Określ formularz HTML, z którego będą dziedziczyć kontrolki.
ng-hide Ukryj lub wyświetl element HTML.
ng-href Określ adres URL elementu <a>.
ng-if Usuń element HTML, jeśli warunek jest fałszywy.
ng-include Zawrzyj HTML w aplikacji.
ng-init Zdefiniuj początkową wartość aplikacji.
ng-jq Określ, że aplikacja musi używać biblioteki, np. jQuery.
ng-keydown Określ zachowanie na zdarzeniu keydown.
ng-keypress Określ zachowanie na zdarzeniu keypress.
ng-keyup Określ zachowanie na zdarzeniu keyup.
ng-list Przekształć tekst w listę (tablicę).
ng-maxlength Określ maksymalną liczbę znaków dozwolonych w polu wejściowym.
ng-minlength Określ minimalną liczbę znaków dozwolonych w polu wejściowym.
ng-model Przypisz wartość kontrolki HTML do danych aplikacji.
ng-model-options Określ sposób zakończenia aktualizacji modelu.
ng-mousedown Określ zachowanie na zdarzeniu mousedown.
ng-mouseenter Określ zachowanie na zdarzeniu mouseenter.
ng-mouseleave Określ zachowanie na zdarzeniu mouseleave.
ng-mousemove Określ zachowanie na zdarzeniu mousemove.
ng-mouseover Określ zachowanie na zdarzeniu mouseover.
ng-mouseup Określ zachowanie na zdarzeniu mouseup.
ng-non-bindable Określ, że element lub jego potomkowie nie mogą być wiązane do danych.
ng-open Określ właściwość open elementu.
ng-options Określ elementy <options> w liście <select>.
ng-paste Określ zachowanie na zdarzeniu paste.
ng-pluralize Określ wiadomość wyświetlaną zgodnie z regułami lokalizacji en-us.
ng-readonly Określ właściwość readonly elementu.
ng-repeat Definiuj szablon dla każdego elementu danych w zbiorze.
ng-required Określ atrybut required elementu.
ng-selected Określ atrybut selected elementu.
ng-show Wyświetl lub ukryj element HTML.
ng-src Określ atrybut src elementu <img>.
ng-srcset Określ atrybut srcset elementu <img>.
ng-style Określ atrybut style elementu.
ng-submit Określ wyrażenie uruchamiane na zdarzeniu onsubmit.
ng-switch Określ warunek używany do wyświetlania/ukrywania podelementów.
ng-transclude Określ punkt wstawienia wstawionego elementu.
ng-value Określ wartość elementu input.

Instrukcje AngularJS na elementach HTML

AngularJS zmienił domyślne zachowanie niektórych elementów HTML.

Element Opis
a AngularJS zmienił domyślną zachowanie elementu <a>.
form AngularJS zmienił domyślną zachowanie elementu <form>.
input AngularJS zmienił domyślną zachowanie elementu <input>.
script AngularJS zmienił domyślną zachowanie elementu <script>.
select AngularJS zmienił domyślną zachowanie elementu <select>.
textarea AngularJS zmienił domyślną zachowanie elementu <textarea>.

Filtrowanie AngularJS

Filtrowanie Opis
currency Formatuj liczbę na format waluty.
date Formatuj datę na określony format.
filter Wybierz podzbiór elementów z tablicy.
json Formatuj obiekt na ciąg znaków JSON.
limitTo Ogranicz tablicę lub ciąg znaków do określonej liczby elementów/znaków.
lowercase Formatuj ciąg znaków na małe litery.
number Formatuj liczbę na ciąg znaków.
orderBy Sortuj tablicę za pomocą wyrażenia.
uppercase Formatuj ciąg znaków na wielkie litery.

Zobacz również:

Tutorial:Filtrowanie Angular.

Atrybuty weryfikacji AngularJS

  • $dirty
  • $invalid
  • $error

Zobacz również:

Tutorial:Weryfikacja Angular.

Globalne API AngularJS

Przekształć

API Opis
angular.lowercase() Przekształć ciąg znaków na małe litery.
angular.uppercase() Przekształć ciąg znaków na wielkie litery.
angular.copy() Tworzenie głębokiej kopiary obiektu lub tablicy.
angular.forEach() Wykonuje funkcję dla każdego elementu obiektu lub tablicy.

Porównanie

API Opis
angular.isArray() Zwraca true, jeśli odwołanie jest tablicą.
angular.isDate() Zwraca true, jeśli odwołanie jest datą.
angular.isDefined() Zwraca true, jeśli odwołanie jest zdefiniowane.
angular.isElement() Zwraca true, jeśli odwołanie jest elementem DOM.
angular.isFunction() Zwraca true, jeśli odwołanie jest funkcją.
angular.isNumber() Zwraca true, jeśli odwołanie jest liczbą.
angular.isObject() Zwraca true, jeśli odwołanie jest obiektem.
angular.isString() Zwraca true, jeśli odwołanie jest ciągłem.
angular.isUndefined() Zwraca true, jeśli odwołanie jest niezdefiniowane.
angular.equals() Zwraca true, jeśli dwa odwołania są równe.

JSON

API Opis
angular.fromJson() Odbieranie ciągła JSON i zwracanie obiektu JavaScript.
angular.toJson() Odbieranie obiektu JavaScript i zwracanie ciągła JSON.

Podstawy

API Opis
angular.bootstrap() Ręczne uruchomienie AngularJS.
angular.element() Opakowanie elementów HTML jako elementów jQuery.
angular.module() Tworzenie, rejestracja lub wyszukiwanie modułów AngularJS.

Zobacz również:

Tutorial:API Angular.