ıllı Internet y Tecnologías de la Información (2018)

internet, Hosting, dominios, seo, antivirus, banco de imágenes, páginas web, tiendas online

[Enciclopedia Online Gratuita] Diccionario de Internet y Tecnologías de la Información y la Comunicación (TIC):

ıllı AngularJS : que es, definición y significado, descargar videos y fotos.

videos internet

salud  ıllı AngularJS : que es, definición y significado, descargar videos y fotos.  


Esta directiva deja iterar una compilación de datos, producir un template por cada elemento de la compilación y pintarlo en la vista, cada template o bien plantilla recibe su campo ( dólares americanos scope).


Vemos en el próximo ejemplo, como iniciamos una variable que contiene una compilación de objetos y después a través de la directiva ng-repeat iteramos la compilación y pintamos una etiqueta “li” por cada elemento de la compilación mostrando tanto el nombre como la edad de cada alumno:

<body><div ng-controller="miControlador"><div ng-init="pupilos = "><ul><li ng-repeat="pupilo in pupilos">undefined: undefined años</li></ul></div></div></body>

ngChange (ng-change)


Esta directiva advierte cualquier cambio que se genere en una etiqueta de entrada, sean inputs, checkbox, etcétera, la manera de emplearla es la próxima.


En el lado de la vista tenemos 2 opciones a marcar, si esta a favor o bien en contra, lo que acrecentará o bien va a restar las votaciones conforme sea el caso, veamos:

<body><div ng-controller="miControlador"><input type="checkbox" ng-model="total" ng-change="aFavor()"> A favor<input type="checkbox" ng-model="total" ng-change="enContra()"> En contra<h3>Total Votos: undefined</h3></div></body>

En el lado del supervisor sería de la próxima manera:

app.controller('miControlador', function( dólares americanos scope)undefined);

ngShow (ng-espectáculo) | ngHide (ng-hide)


Estas directivas dejan enseñar y esconder alguna una parte de la vista conforme la condición que le asignemos. Como probablemente todos ya han de saber ngShow deja enseñar y ngHide deja esconder, veamos un caso fácil de como trabajan estas 2 directivas.


Tenemos 2 opciones “mostrar” y “ocultar”, y el mensaje a enseñar, como vemos en el código tenemos los 2 checkbox y los 2 mensajes, uno de los mensajes con la directiva ng-espectáculo y la otra con ng-hide, lo que nos señala que cuando “dato1? sea true(este marcada) se va a mostrar de lo contrario se esconderá, de forma inversa en el segundo mensaje, donde en caso “dato2? se true se esconderá y de lo contrario se va a mostrar.


En primera instancia al estar los dos sin check, van a estar en estado false, por lo que el único mensaje que se va a mostrar es el segundo.

<body><div ng-controller="miControlador"><input type="checkbox" ng-model="dato1"> Mostrar<input type="checkbox" ng-model="dato2"> Ocultar<h3 ng-show="dato1">@frontendlabs 1</h3><h3 ng-hide="dato2">@frontendlabs 2</h3></div></body>

ngBind (ng-bind)


Esta directiva cumple exactamente la misma funcionalidad que las llaves , no obstante, ng-bind tiene una mejor performance en lo que se refiere a tiempo. En el próximo ejemplo vemos la manera de empleo, y tanto como ng-bind muestran el texto que se ingresa en la caja de texto.

<body><div ng-controller="miControlador"><input type="text" ng-model="nombre"><span>undefined</span><span ng-bind="nombre"></span></div></body>

Existen considerablemente más directivas, las que van a poder hallar en la Documentación oficial de AngularJS


Directivas Propias


Pese a que en angular se han incorporado todas y cada una de las posibles directivas, siempre y en toda circunstancia vamos a poder optar a crear nuestra directiva y es precisamente por esto que en AngularJS nos facilitan esta labor.


Este es un caso simple para poder incorporar nuestra directiva.

var aplicación = angular.module('MiModulo',);app.controller('MiControlador', function( dólares americanos scope)undefined);//Aquí creamos la directivaapp.directive('miCliente', function() undefined);

En la una parte de la vista utilizaríamos nuestra directiva así:

<body><div ng-controller="MiControlador"><div mi-cliente></div></div></body>
Otra forma de emplear nuestra directiva sería emplearlo como etiqueta.

  1. ?«What Is Angular?»(en inglés). Consultado el doce de febrero de dos mil trece.

Enlaces externos


  ELIGE TU TEMA DE INTERÉS: 


autoayuda.es   Internet y Tecnologias 

Está aquí: Inicio > [ INTERNET ] > ıllı AngularJS : que es, definición y significado, descargar videos y fotos.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Ver políticas