Visión general

En la aplicación Blazor WebAssembly, me gustaría incrustar un componente de Razor en un elemento div recién agregado en el lado de JavaScript. Por favor, hágamelo saber si hay una mejor manera.

Lo que quiero hacer

Prepare componentes como Sample.razor con anticipación
Llame a las funciones de JavaScript en respuesta a los clics del botón en la página inicial
Agregue el elemento div por createElement en la función de JavaScript llamada
Incruste el componente Sample.razor dentro del elemento div agregado anteriormente

lo que probé

Use innerHTML para el elemento div agregado en el punto 3 anterior e incluya una etiqueta de llamada para el componente Razor.( <Sample></Sample> )

-> No se muestra nada.

Agregue elementos como iframe/object/embed en innerHTML e incluya la ruta al componente razor. (src='/muestra')

-> No encontrado. (Debido a que esta es una aplicación WebAssembly, las páginas de los componentes no se procesan si lo solicitamos a un servidor).

Ambiente

estudio visual 2019
.NET 5
Creación de proyectos desde Visual Studio utilizando la plantilla Blazor WebAssembly

about 4 years ago · Juan Pablo Isaza

1 Respuestas

Responde la pregunta

0

Responde la pregunta

Encuentra empleos remotos

Answer 1 · 2022-06-25T20:40:03.131Z

Si ha preparado el componente Simple.Razor de antemano, una forma de lograrlo es asignar este componente bajo la condición if de la siguiente manera:

 @If(visible==true){<div><simple></simple></div>}

y al presionar un botón cambia la variable visible en una función seguida de,

 StateHasChanged()

y hará lo que quieras de esta manera, no tienes que hacer JSInjection.

0

144

Cómo incrustar un componente Razor dentro de un elemento agregado en el lado de JavaScript