evento AngularJS
evento AngularJS HTML tiene su propia instrucción.
ng clic con el botón de comando
Directiva ng-clic define AngularJS evento Click.
AngularJS ejemplos
<Botón ng clic = "count = count + 1"> mi punto! </ Button>
<P> {{count}} </ p>
</ Div>
Trate »
Ocultar elementos HTML
ng-esconder la directiva establece parte de la aplicación es visible.
ng-Ocultar elementos HTML = Configuración "verdaderos" no son visibles.
ng-ocultar = Ajuste elemento de "falso" HTML es visible.
AngularJS ejemplos
<Botón ng clic = "de palanca ()" >> Ocultar / Mostrar </ botón>
<P-ng ocultar = "miVar ">
Nombre: <input type = "text" ng-modelo = "Nombre"> <br>
Nombre: <input type = "text" ng-modelo = "Apellido"> <br>
<Br>
Nombre Completo: {{firstName + " " + lastName}}
</ P>
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'personCtrl', function ($ ámbito de aplicación) {
$ Scope.firstName = "Juan",
$ Scope.lastName = "Doe"
$ Scope.myVar = false;
$ Scope.toggle = function () {
! $ = $ Scope.myVar scope.myVar;
};
});
</ Script>
Trate »
Análisis de la aplicación:
La primera sección del controlador parte personController similar.
La aplicación tiene un atributo por defecto: $ scope.myVar = false;
juegos de instrucciones ng de piel de <p> elemento y dos campos de entrada son visibles, dependiendo del valor de miVar conjunto (verdadero o falso) es visible.
una función activar () se utiliza para cambiar el valor de la variable myVar (verdadero y falso).
ng-ocultar = "true" para que el elemento no es visible.
Elementos de visualización HTML
de instrucciones ng presentas se puede utilizar para establecer si la parte de aplicación de lo visible.
ng-show = se pueden establecer elementos HTML "falsas" no son visibles.
ng-show = "true" puede establecer el elemento HTML es visible.
En el siguiente ejemplo se utiliza el comando ng presentas:
AngularJS ejemplos
<Botón ng clic = "de palanca ()"> Ocultar / Mostrar </ botón>
<P ng-show = "miVar ">
Nombre: <input type = "text" ng-modelo = "Nombre"> <br>
Apellido: <input type = "text" ng-modelo = "Apellido"> <br>
<Br>
Nombre: {{firstName + "" + lastName}}
</ P>
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'personCtrl', function ($ ámbito de aplicación) {
$ Scope.firstName = "Juan",
$ Scope.lastName = "Doe"
$ Scope.myVar = true;
$ Scope.toggle = function () {
! $ = $ Scope.myVar scope.myVar;
}
});
</ Script>
Trate »