Directiva condicional ngIf Angular 5


 

Para hacer un If en Angular 5 nos creamos una nueva propiedad en nuestra clase  VideojuegosComponent  lo que vamos hacer es creanos una variable puesta a true;

Ahora podemos decirle que if  –>

<h3 *ngIf= “mostrar_retro != true “>
El mejor juego es : true
</h3>
Mostrara la propiedad en nuestro html. Podemos tambien jugar con la propiedad style para que nos colore la linea que queremos .
<h3 [style.background]=”‘red'”
*ngIf=”mostrar_retro”>
El mejor juego es : false
</h3>

 

Angular 5

 

Para empezar os comento que yo utilizo Visual Code que os lo podéis descargar directamente desde Aquí.

Una vez descargado podréis seguir este tutorial tan bien explicado de Victor Robles.

Paso 0. Instalar la última versión de NodeJS, para eso entraremos a su web oficial y descargaremos el instalador más actualizado https://nodejs.org/es/

Paso 1. Desinstalar los paquetes anteriores de Angular CLI

1
2
npm uninstall -g angular-cli
npm uninstall -g @angular/cli

Paso 2. Vaciar la caché del gestor de paquetes npm

1
npm cache clean

Paso 3. Instalar la última versión de Angular CLI

1
npm install -g @angular/cli@latest

Ahora ya tenemos actualizado Angular CLI y ya podemos generar un nuevo proyecto de Angular 5

1
2
3
ng new NOMBRE_DEL_PROYECTO_ANGULAR5
cd new NOMBRE_DEL_PROYECTO_ANGULAR5
ng serve

Puedes comprobar la versión de Angular que tienes dentro del fichero package.json, podrás comprobar que tienes la versión 5. En el caso de que te interese otra versión podrías modificar las versiones de tu fichero package.json y lanzar el comando npm update.

Con esto ya sabemos como actualizar Angular CLI para instalar Angular 5, como instalar el framework y como usar Angular CLI para generar un proyecto base.

Ahora tendremos disponible la webapp de Angular 5 en http://localhost:4200/

victorroblesweb.es

 

 

Cómo aumentar la memoria IDE Android Studio?

Últimamente he desarrollado para Android, y he notado que el IDE Android Studio toma demasiado tiempo para cargar y comenzar.

Entonces me pregunto: ¿cómo aumentar la memoria IDE Android Studio?

Para iniciar el IDE más rápido y por lo tanto el desarrollo más rápido.

Aquí os dejo directamente la solución que e visto desde Google.

Continuar leyendo “Cómo aumentar la memoria IDE Android Studio?”

www.Midulcebebe.es

Aquí os traigo una nueva App Android enlazada a una tienda online realizada en prestashop.

Venta de ropa de bebe, carros, accesorios a un precio inigualable.

La App esta realizada en Android Studio con varios elementos como podéis ver, como un spinner que conecta a un webservice y recoje los datos mediante json.

La idea principal a la hora de desarrollar esta App a sido la movilidad del usuario dentro de la app, el poder desplazarse de una pagina o sección fácilmente, espero que os guste y la podáis valorar bien.

Ir a tienda online

Descargar App Android

Como crear Proyecto Ionic framework

1 –> Primero nos creamos una carpeta en ProyectosIonic

Seguramente no tendréis el emulador de IOS tendréis que poner esta linea de código –> para emular en iOS necesitas el emulador de ios-sim, lo instalas con npm install -g ios-sim

 

1

2 –>Luego ponemos en cmd  ionic start -a “Ejemplo 1” -i app.ejemplo.uno ejemplo1 blank

 

1

1

 

3 –>Explico la linea que hemos puesto :

ionic start -a “Ejemplo 1(El nombre de la APP)” iapp.Nombredeldominio o ID .uno ejemplo1(Nombre de la carpeta )blank(Nombre de la plantilla que vamos a utilizar).

4 –> Nos metemos en el directorio del Proyecto creado

5 –> Luego ponemos ionic serve.

 

1

 

Y si todo lo habéis seguido bien os saldrá algo así :

 

1

Aquí os dejo un trozo de código por si queréis poner Google Maps, acordaros del Plugin.

CREAR UN SPLASH SCREEN

En este Proyecto e realizado un simple Splash en el cual podréis ver como gracias a hilos en Android se puede dormir el hilo y así mostrar una imagen que gracias a un Intent pasara a la siguiente actividad os lo muestro y os dejo el código .

Os enseño el metodo de como lo e echo.

private void lanzartheah() {
    //Aqui nos creamos el hilo
    Thread time = new Thread(){
        public void run(){
            try {
                sleep(2000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }finally{//Aqui pase lo que pase pasara a la siguiente pantallla
                Intent intent = new Intent(MainActivity.this,Principal.class);
                startActivity(intent);
            }
        }
    };

Espero que os guste .

1                           2

Descargar:

https://mega.nz/#!E8gRTCKR!0SrLmizJTwuaDONqGuAr_xUlmqQhIHNrUx-NVUgWzwI