Como pasar parámetros del model al jsp y como hacer un for en jsp para pintar componentes ?

Tengo el siguiente código en mi controller, en el objeto menu recupero las rutas a las que tiene derecho el usuario, quiero pintar esas rutas en el jsp, pero de modo de hipervinculos con imágenes, actualmente mi jsp esta de la siguiente manera

@GetMapping(value="/validaUsuario", method = RequestMethod.GET) 	public void mostrarValidacion(HttpServletRequest request,HttpServletResponse response) { 		String redireccion = "/salida"; 		try{ 			Usuario usuario= service.obtenerRol(request.getRemoteUser()); 			 			if(!utileria.validaNulo(user)){ 				List<Pagina> pag = service.redireccionn(usuario.getClave(), usuario.getRol()); 				redireccion = pag.get(0).getRuta(); 				 				MenuPagina menu = servicio.obtenerMenus(pag.get(0).getCvePagina()); 				 			}else{ 				redireccion = "/salida"; 			} 			response.sendRedirect(redireccion); 		}catch(IOException e){ 			logger.error("IOException", e); 		} 		 	}

<section> 		<div class="container"> 			<div class=""slick-carousel> 				<a href="alta" class="CarrouselMenu_ThumbContainer"> 					<div class="Icon"> 						<img class="IconImgMenu" src="../webResources/img/alta.png" alt="icon_menu"> 					</div> 					<div class="CarrouselMenu_Title"> ALTA</div> 				</a> 				 				<a href="baja" class="CarrouselMenu_ThumbContainer"> 					<div class="Icon"> 						<img class="IconImgMenu" src="../webResources/img/baja.png" alt="icon_menu"> 					</div> 					<div class="CarrouselMenu_Title"> BAJA</div> 				</a> 				 				<a href="consulta" class="CarrouselMenu_ThumbContainer"> 					<div class="Icon"> 						<img class="IconImgMenu" src="../webResources/img/consulta.png" alt="icon_menu"> 					</div> 					<div class="CarrouselMenu_Title"> CONSULTA</div> 				</a> 			</div> 		 		</div> 	</section>

tengo todos esos hipervinculos en mi jsp de manera estática, ahora lo que quiero hacer es que sea dinámico, que se pinten dependiendo de las rutas que me devuelve el servicio, tal vez devuelva solo 1, o quizá hasta 5 rutas para ponerlas como submenus

Agregue un objeto model en el método del controlador y puse lo siguiente

MenuPagina menu = servicio.obtenerMenus(pag.get(0).getCvePagina()); model.addAtribute("rutas", menu.getChRuta());

y en el jsp puse el href=”$ {rutas}” pero no hace nada, entonces lo cambie por href=”@{rutas}” y si me redirecciona pero no se muestra la pagina y si existe

	<section> 		<div class="container"> 			<div class=""slick-carousel> 				<a href="$  {rutas}" class="CarrouselMenu_ThumbContainer"> 					<div class="Icon"> 						<img class="IconImgMenu" src="../webResources/img/alta.png" alt="icon_menu"> 					</div> 					<div class="CarrouselMenu_Title"> ALTA</div> 				</a> 			</div> 		</div> 	</section>

Alguien sabe como es la manera correcta de mandar los parámetros al jsp? y como se haría un for o algún ciclo para que me pinten los demás hipervinculos si es que el servicio me devuelve mas de 1 ruta, gracias

routerLink no funciona en componentes ionic4

soy nuevo en ionic.. y necesito navegar entre pantallas pero no me funciona el routerLink. La estructura de mi proyecto se compone de paginas y componentes… en mi componente realizo la logica que necesito y luego lo llamo en mi pagina `

<ion-item lines="none">         <ion-avatar slot="start">             <img src="https://192.168.0.119:8000/imagenes/perfil/{{empresa.emp_foto}}">         </ion-avatar>         <ion-label>             <h3>{{empresa.emp_nom}}</h3>             <p>{{empresa.emp_info}}</p>         </ion-label>     </ion-item>     <a routerLink="/empresa">Ver</a> ` 

Esto es dentro de un componente llamado empresa… lo que quiero que haga es que me redireccione a una pagina tambien llamada empresa, pero no realiza ninguna accion.. Pero si entro a mi pagina tab1 y llamo mi componente <app-empresas [empresas]="empresas"></app-empresas> y luego le agrego el routerLink <app-empresas [empresas]="empresas" routerLink="/empresa"></app-empresas> funciona sin problemas… Necesito que funcione en mi componente ya quiero enviar unos parametros al servidor

Actualizar datos entre componentes de Angular7

Estoy trabajando con Angular7 y tengo un component.ts llamado mostrar con su correspondiente html.

Cuando se crea el componente, va a mostrar el dni del usuario, por circunstancias de la aplicación este componente debe mostrarse ANTES de obtener los datos de un servicio rest (hace más cosas aparte de mostrar el dni y tampoco puede realizar la llamada.).

El problema es que tiene que mostrar los datos de un servicio rest el cual no se hizo su llamada, la llamada rest se hace en otro componente que se creará después.

public mostrarDni = function () {    this.dni =  this.service.verDni[this.service.number]; };  <span>{{dni}}</span> 

Y luego en otro componente:

this.service.getDatos(endPoint).subscribe(       data => {          this.service.verDni = data;     } ); 

Este es el segundo componente que obtendría los datos, pero sin mostrar el dni, solo se muestra el nombre, el problema es que cuando selecciono un nombre,

 <button ... (click)= "select(number)">...   function select(){      this.service.number = number;  }; 

Meto en el servicio el número del indice para que el 1º componente sea el encargado de mostrar el dni en su html sacado del array.

Aunque ya no sirve de nada porque la función del 1º componente ya se ejecutó…

Siento no poder ser muy específico con el código, pero la base del problema es ese.

El primer componente tiene que mostrar unos datos que no tiene, más adelante cuando un usuario pinche en una pestañita, el primer componente debería mostrar los datos obtenidos en el 2º componente.

He estado depurando y como es obvio, no vuelve a pasar por el ngOninit del 1º componente para hacer la función de mostrarDni.

¿ Cómo hago para volver a ejecutar una función del 1º componente ?

Por ejemplo

Estando en el componente 2, llamo a la función del componente 1.

O estando en el componente 2, que el componente 1 detecte cambios.

O cualquier otra opción sin cambiar que primero se llame al componente 2.

Gracias.

Drag and Drop item sobre componentes

Estou desenvolvendo uma funcionalidade drag and drop de um menu lateral para uma lista.

Tenho 2 problemas:

1 – Quando eu arrasto o item do menu lateral, o item é mostrado somente sobre o menu, quando eu movo o mouse para fora do menu ele não e mostrado (Examplo na imagem 2)

  • Sei que é algo relacionado com o z-index mas não estou conseguindo aplicar.

2 – Eu consegui arrastar um item e atribuir na lista quando eu estava testando no developer tools, mas agora não está funcionando e estou ralando pra descobrir qual a propriedade que eu alterei, acredito que a “position”.

Gostaria que me ajudassem a setar essas propriedades e se estou certo em relação ao z-index e ao position.

Obrigado.inserir a descrição da imagem aqui

Componentes dinâmicos no angular

Bom dia, sou novo no angular 7 e gostaria de uma ajuda. Imaginem que tenho uma tela pai ontem possuo uma array de produtos apenas com o ID, gostaria de criar componentes (acredito que seja isso) dinâmicos onde irei passar o id para cada componente e cada um que receber o id se responsabiliza para ir buscar o restante das informações do produto em alguma fonte de dados e preencher o restante dos campos de sua responsabilidade. Ou seja cada um carregaria de forma assincrona suas informações sem interferência entre eles. Então por exemplo minha tela pai tem um array com 3 ids, ele irá chamar 3 componentes passando um id para cada componente e esses componentes irão buscar as informações para preencher os dados como nome do produto, valor etc, porém de forma assíncrona, então por exemplo o componente 1 vai estar atualizando, enquanto o componente 2 já atualizou e o componente 3 também está atualizando. Para o usuário iria aparecer 3 “caixinhas” uma delas já com a informações do produto (componente 2) e as outras 2 com um loading (pois os componentes ainda estão carregando. Não tenho ideia de como pesquisar isso, gostaria de algum exemplo pode ser básico para eu entender pelo menos o conceito é conseguir aplicar a minha plataforma.

Muito obrigado !

como actualizar estado entre componentes react hooks?

estoy usando react hooks y no consigo como pasar informacion de un componente hijo a un componente padre, como deberia hacerlo?

osea en el componente padre tengo un estado con una lista de “POST” y tengo el formulario para crear un “POST” en un componente aparte, Como actualzo el estado de “POST” sin usar reducs

Problema com ‘:hover’ em componentes do mesmo tipo (REACT.JS)

Estou tendo problemas ao re-utilizar um componente com o react.js

Eu preciso exibir notícias em um site e como são várias notícias decidi criar um componente para exibir cada uma.

o componente consiste em campos para o título e data e as infomações da notícia apareceriam quando o usuário passasse o mouse em cima do componente. Mas como eles são o mesmo componente quando o usuário passa o mouse em cima de um componente todos os outros componentes do mesmo tipo exibem as informações.

Eu gostaria de saber se existe um meio de fazer com que apenas o componente que o usuário está com o mouse em cima exiba as informações da notícia.

Como atualizar componentes no Xamarin?

Estou desenvolvendo um projeto Xamarin no padrão mvvm, e em uma de minhas telas gostaria de pegar uma imagem do meu aparelho, e mostrá-lá na tela. Estou conseguindo pegar ela e enviar para o servidor pela Api, mas não consigo mostrá-lá para o usuário antes de enviar.

Xaml

Image Source="{Binding Imagem}" HeightRequest="180"  VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand" /> 

ViewModel

private FileData file; DataService dataService = new DataService(); public ImageSource Imagem { set; get; }  ////////////// //Construtor// //////////////  private async void ButtonImagem() {      file = await CrossFilePicker.Current.PickFile();        if (file != null)       {           Imagem = ImageSource.FromStream(() => new MemoryStream(file.DataArray));       } } 

Comunicación entre componentes hijos Angular

Me gustaría poder llamar a los métodos que tiene un componente hijo desde otro componente que es hijo del mismo padre pero a un nivel mas bajo. Visto esquematicamente:

           |--Hijo B  Padre A---|            |--Hijo C---|--Hijo D    

A es el padre de todos y tiene dos hijos B y C. C es a la vez el padre de D.

En mi aplicación de Angular el componente B posee una instancia de un mapa y funciones para manejar dicho mapa. C es un componente router que va cambiando el componente D según la aplicación lo requiera.

El problema que tengo es que querría controlar el mapa del componente B desde el hijo D, teniendo en cuenta que D va a ir cambiando a lo largo de la ejecución de la aplicación. Es decir, me gustaría llamar a las funciones que tiene B desde el componente D.