Tengo un componente principal que llama a otro componente que representa el modal en la misma página. En la primera carga, el componente principal puede pasar los datos al componente secundario. pero una vez que voy a otra página y vuelvo, los datos de los padres no se vinculan a los componentes secundarios modales.

Pasos a seguir en plunker: -

1. Ingrese cualquier valor en el primer cuadro de entrada (abcd)
2. Ingrese modal1 en el segundo cuadro de texto
3. haga clic en el botón modal1
4. aparecerá el valor correcto en modal
5. cambie el valor en el primer cuadro de texto a abcdef
6. cambiar el valor del segundo cuadro de texto a modal2
7. haga clic en el botón modal2
8. vendrá el valor correcto
9. ahora vuelva a cambiar el valor en el primer cuadro de texto a abcedfghij
10. cambie el valor a modal1 en el primer cuadro de texto
11. haga clic en modal1
12. el valor no se actualiza. Debería actualizarse ya que el enlace está en el mismo campo y se pasa a ambos componentes.

Plunker: - https://plnkr.co/edit/GNPyL6DzzxCzUD8VZMRF?p=preview

 { import {Component,AfterViewInit} from '@angular/core' @Component({ selector: 'revel2', inputs: ['value'] template: ` <div id="myModal2" class="small reveal" data-reveal aria-hidden="true" role="dialog"> I am Modal2 and I got value from parent component as:- {{value}} </div>` }) export class ModalComponent2 { value:string; ngAfterViewInit(): void { $('#myModal2').foundation(); $(window).trigger('open.fndtn.reveal'); } } }