Latest web development tutorials

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:

<Script src = "http://cdn.static.w3big.com/libs/angular.js/1.4.6/angular.min.js"> </ script>

uwaga 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

<! DOCTYPE html>
<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.

uwaga 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

<div ng-app="" ng-init="firstName='John'">

<p>姓名为 <span ng-bind="firstName"></span></p>

</div>

Spróbuj »

uwaga 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

<div data-ng-app="" data-ng-init="firstName='John'">

<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

<! DOCTYPE html>
<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

<Div ng-app = "myApp " NG-controller = "myCtrl">

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ł

var app = angular.module ( "myApp", []);

Angularjs aplikacji kontrolera:

angularjs Kontrolery

app.controller ( "myCtrl ', function ($ zakres) {
$ Scope.firstName = "John";
$ Scope.lastName = "Kowalski";
});

W następnym poradniku dowiesz się więcej modułów znajomość i stosowanie.