Ir al contenido principal

Entradas

Mostrando las entradas de julio, 2015

Ejemplo AngularJS - Test 03

Ahora a nuestro ejemplo implementaremos un poco de CSS para una mejor presentación y darnos cuenta que AngularJS nos brinda esta posibilidad de poder combinar HTML5 y CSS3 que hacen que nuestras aplicaciones web se acerca mas a la funcionalidad de una aplicación de escritorio. Maquetación combinando HTML5 y CSS3 <! DOCTYPE   html > < html > < head > < title >Angular JS Table</ title > < script   src= "angular.min.js" ></ script > < style > table ,  th  ,  td  {    border :  1px   solid   blue ;    border-collapse :  collapse ;    padding :  2px ; } table   tr:nth-child(odd)  {    background-color :  #54A0CD ; } table   tr:nth-child(even)  {    background-color :  #7CBBF2 ; } </ style > </ head > < body > < h2 >AngularJS Table</ h2 > < div   ng-app= "mainApp"   ng-controller= "AlumnoController" >        < table   border=

Ejemplo AngularJS - Test 02

Ahora implementaremos un pequeño ejemplo que nos permite filtrar datos desde una matriz haciendo uso de la directiva ng-repeat y el servicio filter, independientemente de la funciones uppercase y lowercase. La directiva ng-repeat básicamente nos sirve para generar un bucle (parecido a un bucle de java o C#). <! DOCTYPE html > < html lang ="es"> < head >        < title > Filtrar datos </ title >        < script src ="angular.min.js"></ script >        < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8"/>               < script >            var mainApp = angular.module( "mainApp" , []);            mainApp.controller( 'studentController' , function ($scope) {                $scope.scopeAlumno = {                    pNom: "SEGUNDO HADSON" ,                    pApe: "PAREDES CORDOVA" ,