Najlepszy samouczek impreza angularjs W 2024 r. W tym samouczku możesz dowiedzieć się
ng kliknij polecenie,angularjs przykłady,Ukrywanie elementów HTML,angularjs przykłady,Wyświetlanie elementów HTML,angularjs przykłady,
impreza angularjs
Impreza angularjs HTML posiada własną instrukcję.
ng kliknij polecenie
Dyrektywa ng kliknięcie definiuje angularjs kliknij zdarzenie.
angularjs przykłady
<Div ng-app = "" NG-controller = "myCtrl">
<Przycisk ng-click = "count = count + 1"> Punkt mnie! </ Button>
<P> {{count}} </ p>
</ Div>
Spróbuj »
Ukrywanie elementów HTML
ng-hide dyrektywa określa część aplikacji jest widoczna.
ng-hide = "true" Ustawianie elementów HTML nie są widoczne.
ng-hide = "false" Ustawianie elementu HTML jest widoczne.
angularjs przykłady
<Div ng-app = "myApp " NG-controller = "personCtrl">
<Przycisk ng-click = "przełącznika ()" >> Ukryj / pokaż </ button>
<P ng-hide = "myVar ">
Nazwa: <input type = "text" ng model = "firstName"> Największa
Nazwa: <input type = "text" ng model = "lastName"> Największa
Największa
Imię i nazwisko: {{firstName + " " + lastName}}
</ P>
</ Div>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "personCtrl ', function ($ zakres) {
$ Scope.firstName = "Jan",
$ Scope.lastName = "Kowalski"
$ Scope.myVar = false;
$ Scope.toggle = function () {
! $ Scope.myVar = $ scope.myVar;
};
});
</ Script>
Spróbuj » Analiza Zastosowanie:
Pierwsza część personController sekcja Regulator podobne.
Aplikacja posiada atrybut domyślny: $ scope.myVar = false;
zestawy instrukcji ng-hide <p> i dwa wejścia pola są widoczne, w zależności od wartości myVar (prawda czy fałsz) zestaw jest widoczny.
Funkcja przełączania () służy do przełączania wartości zmiennej myVar (prawda i fałsz).
ng-hide = "true" tak, że element ten nie jest widoczny.
Wyświetlanie elementów HTML
ng-show instrukcja może być wykorzystane do określenia, czy części stosowania widoczne.
ng-show = "false" można ustawić elementy HTML nie są widoczne.
ng-show = "true" można ustawić element HTML jest widoczne.
W poniższym przykładzie użyto ng pokazu polecenie:
angularjs przykłady
<Div ng-app = "myApp " NG-controller = "personCtrl">
<Przycisk ng-click = "przełącznika ()"> Pokaż / Ukryj </ button>
<P ng-show = "myVar ">
Nazwa: <input type = "text" ng model = "firstName"> Największa
Nazwisko: <input type = "text" ng model = "lastName"> Największa
Największa
Nazwa: {{firstName + "" + lastName}}
</ P>
</ Div>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "personCtrl ', function ($ zakres) {
$ Scope.firstName = "Jan",
$ Scope.lastName = "Kowalski"
$ Scope.myVar = true;
$ Scope.toggle = function () {
! $ Scope.myVar = $ scope.myVar;
}
});
</ Script>
Spróbuj »