[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.
La información contenida en esta web debe ser considerada como información general, de carácter formativo, educativo o divulgativo, y no puede ser utilizada o interpretada como consejo o diagnótico médico, psicológico o de ningún otro tipo. Es posible que algunos datos mostrados no esten actualizados. Por ello, en caso de duda lo recomentable es consultar a un experto cualificado.
- Detalles
- Categoría: INTERNET
ı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: 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: En el lado del supervisor sería de la próxima manera: 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. 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. Existen considerablemente más directivas, las que van a poder hallar en la Documentación oficial de AngularJS 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. En la una parte de la vista utilizaríamos nuestra directiva así:<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)
<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>
app.controller('miControlador', function( dólares americanos scope)undefined);
ngShow (ng-espectáculo) | ngHide (ng-hide)
<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)
<body><div ng-controller="miControlador"><input type="text" ng-model="nombre"><span>undefined</span><span ng-bind="nombre"></span></div></body>
Directivas Propias
var aplicación = angular.module('MiModulo',);app.controller('MiControlador', function( dólares americanos scope)undefined);//Aquí creamos la directivaapp.directive('miCliente', function() undefined);
<body><div ng-controller="MiControlador"><div mi-cliente></div></div></body>
Otra forma de emplear nuestra directiva sería emplearlo como etiqueta. Enlaces externos