Skip to main content
cuerpo editado
Origen Enlace
Rabegi
  • 1.3k
  • 1
  • 13
  • 25

Tengo una situación un poco compleja y, creo, difícil de solventar que llevo días dándole vueltas sin llegar a ninguna conclusión. Todo el caso descrito es a grandes rasgos, sin entrar en detalles que realmente no son importantes (creo) y, aunque suene raro, es necesario hacerlo de esta forma.

Voy a intentar explicarlo paso a paso y de forma sencilla para que se entienda:

  • Tengo dos componentes (A y B), con una función cada uno.
  • Componente A tiene, en una variable, el nombre del componente B.
  • Función A es llamada a través de un clic y recibe como parámetro el nombre de la función B.
  • La idea es que Función A llame a Función B para que ésta se ejecute.

He estado leyendo e informándome y he visto que puedo llamar a funciones de otros componentes aunque no tengan nada que ver entre ellos, pero no sé cómo puedo hacer esto sin tener importado el Componente B en el Componente A.


¿Por qué esto es así?
El botón que ejecuta la función A se crea dinámicamente acorde al componente B, C, D, E, n. Es decir, no es un botón fijo que realice una acción, cada componente de la aplicación puede generar su propio botón (incluso más de uno) con acciones muy diferentes entre sí.

Estos botones se crean en un menú superior con acciones y funciones propias, de ahí que estén en un componente diferente al suyo.

Al crearse de forma dinámica, en el componente A, no puedo llamar directamente a la función B. De igual forma, no puedo importar en el componente A todos los demás componentes.


Por ahora, la función A recoge el nombre del componente B y de la función B, desde ahí sé que puedo fácilmente indicarle que realice la función deseada, el problema es que ambos los tengo como string. Es decir, Función A tiene "ComponenteB" y "FuncionB", me falta indicarle que eso es un componente y su función, pero no tengo ni idea de cómo podría hacerlo.

Para el componente he intentado lo siguiente, ingenuamente intentando ingenuamente que fuera fácil:

this.activeComponent = ('BComponent' as Component);

Sí que me indica que this.activeComponente es de tipo Component y me aparecen sus propiedades, pero, poniéndole a mano el nombre de la función, sin usar el que recojo, indica que:

Property 'funcion' does not exist on type 'Component'.

(Obviamente, la función "funcion" existe en el componente al que apunta). Entiendo que no debe ser algo tan fácil, pero no tengo muy claro si estoy intentando algo imposible o si tengo una mínima posibilidad de que se pueda hacer de alguna manera...

Tengo una situación un poco compleja y, creo, difícil de solventar que llevo días dándole vueltas sin llegar a ninguna conclusión. Todo el caso descrito es a grandes rasgos, sin entrar en detalles que realmente no son importantes (creo) y, aunque suene raro, es necesario hacerlo de esta forma.

Voy a intentar explicarlo paso a paso y de forma sencilla para que se entienda:

  • Tengo dos componentes (A y B), con una función cada uno.
  • Componente A tiene, en una variable, el nombre del componente B.
  • Función A es llamada a través de un clic y recibe como parámetro el nombre de la función B.
  • La idea es que Función A llame a Función B para que ésta se ejecute.

He estado leyendo e informándome y he visto que puedo llamar a funciones de otros componentes aunque no tengan nada que ver entre ellos, pero no sé cómo puedo hacer esto sin tener importado el Componente B en el Componente A.


¿Por qué esto es así?
El botón que ejecuta la función A se crea dinámicamente acorde al componente B, C, D, E, n. Es decir, no es un botón fijo que realice una acción, cada componente de la aplicación puede generar su propio botón (incluso más de uno) con acciones muy diferentes entre sí.

Estos botones se crean en un menú superior con acciones y funciones propias, de ahí que estén en un componente diferente al suyo.

Al crearse de forma dinámica, en el componente A, no puedo llamar directamente a la función B. De igual forma, no puedo importar en el componente A todos los demás componentes.


Por ahora, la función A recoge el nombre del componente B y de la función B, desde ahí sé que puedo fácilmente indicarle que realice la función deseada, el problema es que ambos los tengo como string. Es decir, Función A tiene "ComponenteB" y "FuncionB", me falta indicarle que eso es un componente y su función, pero no tengo ni idea de cómo podría hacerlo.

Para el componente he intentado lo siguiente, ingenuamente intentando que fuera fácil:

this.activeComponent = ('BComponent' as Component);

Sí que me indica que this.activeComponente es de tipo Component y me aparecen sus propiedades, pero, poniéndole a mano el nombre de la función, sin usar el que recojo, indica que:

Property 'funcion' does not exist on type 'Component'.

(Obviamente, la función "funcion" existe en el componente al que apunta). Entiendo que no debe ser algo tan fácil, pero no tengo muy claro si estoy intentando algo imposible o si tengo una mínima posibilidad de que se pueda hacer de alguna manera...

Tengo una situación un poco compleja y, creo, difícil de solventar que llevo días dándole vueltas sin llegar a ninguna conclusión. Todo el caso descrito es a grandes rasgos, sin entrar en detalles que realmente no son importantes (creo) y, aunque suene raro, es necesario hacerlo de esta forma.

Voy a intentar explicarlo paso a paso y de forma sencilla para que se entienda:

  • Tengo dos componentes (A y B), con una función cada uno.
  • Componente A tiene, en una variable, el nombre del componente B.
  • Función A es llamada a través de un clic y recibe como parámetro el nombre de la función B.
  • La idea es que Función A llame a Función B para que ésta se ejecute.

He estado leyendo e informándome y he visto que puedo llamar a funciones de otros componentes aunque no tengan nada que ver entre ellos, pero no sé cómo puedo hacer esto sin tener importado el Componente B en el Componente A.


¿Por qué esto es así?
El botón que ejecuta la función A se crea dinámicamente acorde al componente B, C, D, E, n. Es decir, no es un botón fijo que realice una acción, cada componente de la aplicación puede generar su propio botón (incluso más de uno) con acciones muy diferentes entre sí.

Estos botones se crean en un menú superior con acciones y funciones propias, de ahí que estén en un componente diferente al suyo.

Al crearse de forma dinámica, en el componente A, no puedo llamar directamente a la función B. De igual forma, no puedo importar en el componente A todos los demás componentes.


Por ahora, la función A recoge el nombre del componente B y de la función B, desde ahí sé que puedo fácilmente indicarle que realice la función deseada, el problema es que ambos los tengo como string. Es decir, Función A tiene "ComponenteB" y "FuncionB", me falta indicarle que eso es un componente y su función, pero no tengo ni idea de cómo podría hacerlo.

Para el componente he intentado lo siguiente, intentando ingenuamente que fuera fácil:

this.activeComponent = ('BComponent' as Component);

Sí que me indica que this.activeComponente es de tipo Component y me aparecen sus propiedades, pero, poniéndole a mano el nombre de la función, sin usar el que recojo, indica que:

Property 'funcion' does not exist on type 'Component'.

(Obviamente, la función "funcion" existe en el componente al que apunta). Entiendo que no debe ser algo tan fácil, pero no tengo muy claro si estoy intentando algo imposible o si tengo una mínima posibilidad de que se pueda hacer de alguna manera...

Origen Enlace
Rabegi
  • 1.3k
  • 1
  • 13
  • 25

Llamar funciones de otro componente sin importarlo

Tengo una situación un poco compleja y, creo, difícil de solventar que llevo días dándole vueltas sin llegar a ninguna conclusión. Todo el caso descrito es a grandes rasgos, sin entrar en detalles que realmente no son importantes (creo) y, aunque suene raro, es necesario hacerlo de esta forma.

Voy a intentar explicarlo paso a paso y de forma sencilla para que se entienda:

  • Tengo dos componentes (A y B), con una función cada uno.
  • Componente A tiene, en una variable, el nombre del componente B.
  • Función A es llamada a través de un clic y recibe como parámetro el nombre de la función B.
  • La idea es que Función A llame a Función B para que ésta se ejecute.

He estado leyendo e informándome y he visto que puedo llamar a funciones de otros componentes aunque no tengan nada que ver entre ellos, pero no sé cómo puedo hacer esto sin tener importado el Componente B en el Componente A.


¿Por qué esto es así?
El botón que ejecuta la función A se crea dinámicamente acorde al componente B, C, D, E, n. Es decir, no es un botón fijo que realice una acción, cada componente de la aplicación puede generar su propio botón (incluso más de uno) con acciones muy diferentes entre sí.

Estos botones se crean en un menú superior con acciones y funciones propias, de ahí que estén en un componente diferente al suyo.

Al crearse de forma dinámica, en el componente A, no puedo llamar directamente a la función B. De igual forma, no puedo importar en el componente A todos los demás componentes.


Por ahora, la función A recoge el nombre del componente B y de la función B, desde ahí sé que puedo fácilmente indicarle que realice la función deseada, el problema es que ambos los tengo como string. Es decir, Función A tiene "ComponenteB" y "FuncionB", me falta indicarle que eso es un componente y su función, pero no tengo ni idea de cómo podría hacerlo.

Para el componente he intentado lo siguiente, ingenuamente intentando que fuera fácil:

this.activeComponent = ('BComponent' as Component);

Sí que me indica que this.activeComponente es de tipo Component y me aparecen sus propiedades, pero, poniéndole a mano el nombre de la función, sin usar el que recojo, indica que:

Property 'funcion' does not exist on type 'Component'.

(Obviamente, la función "funcion" existe en el componente al que apunta). Entiendo que no debe ser algo tan fácil, pero no tengo muy claro si estoy intentando algo imposible o si tengo una mínima posibilidad de que se pueda hacer de alguna manera...