Ir al contenido principal

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",
                   pPens: 1230,
                   /*Definir Array*/
                   mCursos: [
                           { curso: 'Diseño de Proceso', cod: 70 },
                           { curso: 'Ingenieria de Requerimiento', cod: 80 },
                           { curso: 'Gestión de Proyecto', cod: 65 }
                   ],

                   pNomApe: function () {/*Función para concatenar los valores pNom y pApe*/
                       var pObjAlumno;
                       pObjAlumno = $scope.scopeAlumno;
                       return pObjAlumno.pNom + " " + pObjAlumno.pApe;
                   }
               };
           });
             </script>
</head>
<body>

<h3>Ahora construiremos una matriz y haremos uso de filter, uppercase, lowercase</h3>
<h5>filter : filtrar datos de la matriz<br>
       uppercase : converte los datos en mayusculas<br>
       lowercase : converte los datos en minuscula<br>
       ng-repeat : directiva que nos permite listar los datos de la matriz</h5>
<div ng-app="mainApp" ng-controller="studentController">
<hr>
<table border="0">
       <tr align=center><td collapse=3>INGRESAR DATOS</td></tr>
       <tr><td>Nombres:</td><td><input type="text" ng-model="scopeAlumno.pNom"></td></tr>
       <tr><td>Apellidos: </td><td><input type="text" ng-model="scopeAlumno.pApe"></td></tr>
       <tr><td>Pension: </td><td><input type="text" ng-model="scopeAlumno.pPens"></td></tr>
</table>
<hr>
<br/>
<table border="0">
       <!--Aplicar uppercase (mayusculas) y lowercase (minuscula) en la expresion-->
       <tr><td>DATOS MAYUSCULA : </td><td>{{scopeAlumno.pNomApe() | uppercase}}</td></tr>
       <tr><td>datos minuscula : </td><td>{{scopeAlumno.pNomApe() | lowercase}}</td></tr>
       <!--Aplicar currency para el tipo de dato moneda por default está con tipo dolar - así que
             para poder modificar aplicamos el currency:"S/." (después de los dos puntos antepone que usaremos algún tipo de moneda definido)-->
       <tr><td>PENSION: </td><td>{{scopeAlumno.pPens | currency:"S/."}}</td></tr>
       <tr><td><b>Filtrar datos: </b></td><td><input type="text" ng-model="mCursos"></td></tr>

       <tr><td>Cursos:</td><td>
             <ul>
                    <!--Para listar los cursos se hace uso de la directiva ng-repeat (la funcionalidad es parecido al de un bucle) y uso del filtro incorporado y ordenamos por código.-->
                   
                <li ng-repeat="subject in scopeAlumno.mCursos | filter: mCursos |orderBy:'cod'">
                      {{ subject.curso + ', código: ' + subject.cod }}
                </li>
             </ul>
       </td></tr>
</table>
</div>
</body>
</html>

Imagen - Tiempo de ejecución

Nos vemos en el siguiente apartado ;)

Comentarios

Entradas más populares de este blog

Habilitar Usuario HR Oracle

Al realizar la primera instalación del Oracle, el usuario HR por defecto está bloqueado y por ende no podemos loguearnos como dicho usuario, lo que debe hacer son los siguiente pasos, aplicables para Linux o Windows.
1. Conectarse como usuario system o sysdba + contraseña haciendo uso del comando connect.
Usuario: system
Password: xxxx 


2. Hacer uso  del comando alter user hr account unlock desbloqueamos la cuenta.
alter user hr account unlock;

3. Escribimos el comando alter user HR identified by hr; con esto estamos diciendo que la contraseña será hr.

alter user HR identified by hr;

4. Ahora testeamos la conexión con el comando - conn hr/hr@xe. Si deseas después de conectarnos se puede realizar un select a la tabla employees del hr.


Resultado del select realizado
5. Con todos estos pasos realizados ya podemos logearnos desde cualquier IDE como el usuario hr  y la contraseña hr que definimos en el paso 3. 
Para finalizar nos loguearemos con el IDE Oracle SQL Developer.

Espero les sea de utilidad,…

Usuario SYS y SYSTEM - ORACLE

Usuario SYS y SYSTEM
Ambos usuario son creados de forma automática al crear la base de datos ORACLE y se otorga el rol de DBA.

SYS (password por defecto: CHANGE_ON_INSTALL).
SYSTEM (password por defecto: MANAGER).

Lo que se recomienda es cambiar el password de ambos usuarios por el tema de seguridad.

SYS:
Todas las tablas y vistas para el diccionario de datos de la base de datos están almacenados en el esquema SYS. Estas tablas y vistas son críticas para el funcionamiento de la base de datos ORACLE. Para mantener la integridad del diccionario de datos, las tablas del esquema SYS son manipulados solo por la base de datos. Nunca se debería modificar algo o crear tablas en el esquema del usuario SYS.

SYSTEM:
El usuario SYSTEM se utiliza para crear tablas y vistas adicionales que muestran información administrativa, tablas internas y vistas utilizado por varias opciones y herramientas de la base de datos ORACLE. No se recomienda utilizar el esquema SYSTEM para almacenar tablas de interés para usu…

Parámetro de entrada y salida – PL/SQL

Parámetro de entrada y salida – PL/SQL:
Los parámetros de entrada y salida no son los parámetros de inicialización de la base de datos ORACLE. Los parámetros de entra y salida son utilizados mayormente en implementaciones de funciones, procedimientos almacenados o bloques de código bajo el lenguaje del PL/SQL, se considera que ambos parámetros (entra y salida) puedan realizar operaciones en el mismo bloque PL/SQL, es decir, si enviamos un parámetro de entrada hará que cumpla cierta operación y retornara los valores de salida de dicha operación procesada de acuerdo al parámetro de ingresado. Es de acuerdo al caso que nos presenta en la implementación.
Algo importante al definir los parámetros, es saber y considerar cuántos tipos de parámetro existe si solo hablamos de entrada y salida, en realidad mi determinación seria 3 tipos:

Parámetros:

IN – entrada
OUT – salida
IN OUT – entrada salida

Parámetro IN – entrada:
El comportamiento común de estés tipos de parámetros es estar siempre pendiente d…