impreza angularjs
Impreza angularjs HTML posiada własną instrukcję.
ng kliknij polecenie
Dyrektywa ng kliknięcie definiuje angularjs kliknij zdarzenie.
angularjs przykłady
<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
<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
<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 »