Y qué tal?
Ya estamos de vuelta con la directiva estructurales.
Ahora vamos a ver en IFF una condición IF típica de cualquier lenguaje de programación para evaluar
una expresión y de acuerdo si es verdadero o falso.
Mostrar ocultar un contenido.
Entonces vamos a volver a nuestro ejemplo anterior.
Vamos a directiva y dentro del HTML vamos a tener acá, justo arriba del CAR, un botón, un button
type button con clases de vostra btn de un botón btn primary.
Y vamos a dar también un margen en I de 3.
Ahí tenemos nuestro botón para mostrar o ocultar el listado de curso el uele List Group, por ejemplo,
ocultar.
Vamos a tener una variable en nuestra directiva debajo del listado habilitar que va a ser del tipo booleano.
Un Bolen por defecto lo vamos a dejar en true.
Es decir, que se muestre que se muestre el listado curso y acá en el Whele vamos a preguntar utilizando
endif if igual doble comillas.
La condición por ejemplo habilitar es igual a true o simplemente habilitar porque si colocamos if habilitar
sería lo mismo que decir habilitar igual true.
Esto es un poco más explícito.
Si es true, entonces va a mostrar el contenido de los cursos.
Vamos a guardar, vamos a ir a la consola y vamos a levantar.
Cómo hacemos cuando hagamos clic en ocultar esto, desaparezca, se oculte el contenido en el botón?
Acá tenemos que invocar una acción utilizando los paréntesis click igual INEC Click.
Simplemente podemos cambiar la condición del habilitar habilitar igual falso.
Entonces sería igual falso.
Simplemente guardamos.
Volvemos al navegador y hacemos clic en Ocultar y desaparece.
Ahí tenemos funcionando el GIF.
Ahora, cómo hacemos para que vuelva a aparecer?
Entonces en habilitar vamos a asignar el valor contrario al cual está asignado.
Y para eso tenemos que utilizar el operador condicional.
Para poder evaluar, entonces habilitar sería igual.
Paréntesis Habilitar que preguntamos si habilitar es igual a Trump.
Acá preguntamos si es Trump.
Vamos a retornar fols.
De lo contrario retornamos Turu.
Ahora sería bueno que cambia también el valor acá ocultar y mostrar según corresponda.
Para eso tenemos que modificar acá.
Entonces, en vez de utilizar un string, vamos a utilizar las doble llaves y vamos a preguntar también
si habilitar se habilitar es igual a true.
Entonces comilla simple, vamos a colocar ocultas.
De lo contrario mostrar, guardamos, volvemos y ocultar, mostrar, ocultar, mostrar.
Ya tenemos funcionando el GIF y también el Gifford.
Y una mejor opción.
En vez de evaluar acá y asignar a la variable habilitar el true o el fols, es mejor hacerlo en un método
en la clase directiva component.
Podríamos cortar todo esto de acá.
Vamos al componente directiva component y acá vamos a tener un método.
Por ejemplo Zeth habilitar.
Fue un método que no retorna nada, simplemente asigna un valor al habilitar.
Por lo tanto es un bait y acá tenemos nuestra condición.
Y cómo habilitar es un atributo de la clase.
Usamos vist.
Bien, ahí está mucho mejor.
Entonces volvemos al HTML.
Llega ese día, se habilitÃ y guardamos.
Por lo tanto, invoca el método C habilitar o la función de la clase componente y todo lo demás sigue
igual.
Vamos al navegador.
Y funciona exactamente igual.
Siempre es bueno tener la consola habilitada en caso de que ocurra algún error.
Siempre.
Cada vez que estemos trabajando con angula, bien, por ahora quedamos acá y cualquier duda que tengan
la revisamos.
Hasta la próxima.