1. Home
  2. angularjs Wprowadzenie

Najlepszy samouczek angularjs Wprowadzenie W 2024 r. W tym samouczku możesz dowiedzieć się Angularjs to framework JavaScript,Angularjs rozciąga HTML,angularjs przykłady,Czym jest angularjs?,angularjs dyrektyw,angularjs przykłady,angularjs przykłady,angularjs wyraz,angularjs przykłady,angularjs Applications,angularjs przykłady,angularjs moduł,angularjs Kontrolery,

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 = "#"> </ 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 = "#"> </ 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 = "#"> </ 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.

Hot Tutorials

Contact US

angularjs Wprowadzenie
10/30