aquí, desde la vista cómo manejar la clase display, CSS, ¿sí?
El display CSS puede tener distintos valores.
Nosotros lo vamos a poner en un display vacío si
es que está marcado como preferido, eso va a hacer que se muestre.
Y vamos a poner un display none si no está seleccionado como preferido.
Entonces, aquí el código que tenemos que escribir es Typescript, ¿sí?
Destino.isselected.
Si esto es verdadero, entonces no le asignamos nada a display.
Y si es falso, le asignamos el valor none, ¿sí?
Bien. De esta manera,
you tenemos que crear en nuestra vista.
Este destino isselected you está creado, es lo que vemos en el modelo de dominio,
pero tenemos que crear esto en nuestra vista, en nuestro componente.
Entonces, vamos a ir al código del controlador,
del componente y vamos a hacer un método que se llame Ir, ¿sí?
Entonces, hacemos Ir es un método que lo que va a hacer es, como you sabemos, para
que no nos genere ningún tipo de efecto en el html, le ponemos return false, ¿sí?
Nunca olvidarnos de eso.
Y luego le ponemos la acción de desencadenamiento del evento.
Para esto, imagínense que esto es como un clic, ¿sí?
Vamos a ponerle clicked.emit, ¿sí?
Acá estamos escribiendo cómo lo querríamos usar.
this.clicked.emit lo que estamos diciendo es, bueno,
tenemos que tener algún atributo en nuestro objeto
que nos permite disparar eventos, que vamos a llamar clicked.
Y queremos emitir un evento, ¿sí?
Y en ese evento lo que queremos emitir es darle a conocer a nuestro componente padre
qué destino fue el clickeado, que es el destino que you tenemos aquí.