Latest web development tutorials

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

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

<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

<Div ng-app = "myApp " ng-controller = "personCtrl">

<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

<Div ng-app = "myApp " ng-controller = "personCtrl">

<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 »