angularjs Wprowadzenie
Angularjs to framework JavaScript. Może być dodawany do stron HTML za pomocą tagu <script>.
Angularjs według dyrektywy rozszerza HTML, a także poprzez ekspresję danych wiążą się HTML.
Angularjs to framework JavaScript
Angularjs to framework JavaScript. Jest to biblioteka napisana w języku JavaScript.
Plik angularjs JavaScript jest formą uwolnienia mogą być dodawane przez tag skryptu na stronie:
Proponujemy skryptu na dnie <body>. Zwiększy to prędkość ładowania strony, ponieważ HTML nie podlega załadować skryptu do załadowania. |
Każdy angularjs wersja do pobrania: https://github.com/angular/angular.js/releases
Angularjs rozciąga HTML
Angularjs NG dyrektywami rozszerzony HTML.
Dyrektywa ng-app definiuje angularjs aplikację.
ng model dowodzić wartości elementu (takich jak wartość pola wejściowego) związanych z aplikacją.
Komenda ng-wiązania do wiązania danych aplikacji do widoku HTML.
angularjs przykłady
<Html>
<Head>
<Meta charset = "utf-8 ">
<Script src = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ Head>
<Body>
<Div ng-app = "" >
<P> Nazwa: <input type = "text" ng model = "name"> </ p>
<H1> Witaj {{nazwa} } </ h1>
</ Div>
</ Body>
</ Html>
Spróbuj »
Przykłady wyjaśnić:
Po załadowaniu strony, angularjs automatycznie.
Dyrektywa ng-app mówi angularjs <div> jest angularjs stosowanie "właściciela".
Dyrektywa ng model wiąże wartość pola wprowadzania danych do nazwy zmiennej aplikacji.
Komenda ng-związać się z nazwy zmiennej aplikacji jest związana z ust innerHTML.
Jeśli usuniesz dyrektywę ng-app, HTML będzie wyświetlany bezpośrednio do wypowiedzi, a nie w celu oceny ekspresji wyników. |
Czym jest angularjs?
Angularjs sprawia, że rozwój nowoczesnych aplikacji pojedynczej strony (OSO: Single Page Programy) łatwiejsze.
- Angularjs dane aplikacji wiążą się z elementów HTML.
- Angularjs elementy HTML można klonować i powtórzyć.
- Angularjs można ukryć i pokazać elementy HTML.
- Angularjs można dodać kod do elementu HTML "za".
- Angularjs wspierania walidacji wejścia.
angularjs dyrektyw
Jak widać, angularjs instrukcja jest poprzedzona atrybutów HTML NG.
Komenda ng-init zainicjować angularjs zmiennych aplikacji.
angularjs przykłady
<p>姓名为 <span ng-bind="firstName"></span></p>
</div>
Spróbuj »
HTML5 pozwala na rozszerzenie (domowej roboty) właściwość DATA- początku. Angularjs nieruchomość ng-początek, ale można korzystać z danych-ng-do stron internetowych dla HTML5 ważnego. |
Z ważnego HTML5:
angularjs przykłady
<p>姓名为 <span data-ng-bind="firstName"></span></p>
</div>
Spróbuj »
angularjs wyraz
Angularjs wyrażenia pisane w nawiasach klamrowych: {{wyrażenie}}.
Angularjs wyraz powiązać dane do formatu HTML, który polecenie ng-wiążą ma ten sam cel.
Angularjs wyraz w pozycji zapisu danych "wydajność".
Angularjs wyrażeń takich wyrażeń JavaScript: mogą zawierać tekst, operatory i zmienne.
Przykłady 5 + 5 {{}} lub {{firstName + "" + lastName}}
angularjs przykłady
<Html>
<Head>
<Meta charset = "utf-8">
<Script src = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>
</ Head>
<Body>
<Div ng-app = "">
<P> Mój pierwszy wyraz: {{5 + 5}} </ p>
</ Div>
</ Body>
</ Html>
Spróbuj »
angularjs Applications
Angularjs moduł (moduł) definiuje aplikacje angularjs.
Angularjs Sterowniki (Controller) do sterowania aplikacjami angularjs.
Dyrektywa ng-app definiuje aplikacja, ng kontroler definiuje kontroler.
angularjs przykłady
Nazwa: <input type = "text" ng model = "firstName"> Największa
Nazwisko: <input type = "text" ng model = "lastName"> Największa
Największa
Nazwa: {{firstName + "" + lastName}}
</ Div>
<Script>
var app = angular.module ( "myApp" , []);
app.controller ( "myCtrl ', function ( $ zakres) {
$ Scope.firstName = "John";
$ Scope.lastName = "Kowalski";
});
</ Script>
Spróbuj »
Angularjs definicja modułu aplikacji:
angularjs moduł
Angularjs aplikacji kontrolera:
angularjs Kontrolery
$ Scope.firstName = "John";
$ Scope.lastName = "Kowalski";
});
W następnym poradniku dowiesz się więcej modułów znajomość i stosowanie.