0
285
ViewsAngular * ngIf verifica si el elemento se muestra actualmente en la página o no
*ngIf comprueba si el elemento se muestra actualmente en la página o no.
Tengo dos hermanos componente. El componente A tiene un valor de texto que dice ' SOME_TEXT ' Ahora en html del Componente B , necesito verificar el elemento de intervalo.
Si ' SOME_TEXT ' se muestra actualmente en la página/aplicación, entonces *ngIf debería ser falso . Lo que significa que la etiqueta de intervalo en el componente B NO debe mostrarse.
¿Alguien ha encontrado esto? ?
Gracias.
1 answers
Answer question0
No estoy seguro de la pregunta, pero creo que podría usar DOM para obtener el elemento en el componente A en algún lugar del script del componente B. Por ejemplo, dentro de ngOnInit del componente B obtiene algún valor de
document.getElementById("id in A html")o
Servicio de uso y poder de Observable
@Injectable({ providedIn: 'root' }) export class TextService { textObserver: Observer<string>|undefined text: Observable<string> = new Observable() updateText(val: string) { if (!this.textObserver) { this.text = new Observable((observer: Observer<string>) => { this.textObserver = observer this.textObserver.next(val) }) this.text.subscribe() return; } this.textObserver?.next(val) } } En algún lugar del componente A, puede llamar a updateText para configurar el texto y en el componente B puede hacer this.textService.text.subscribe(text => // your code) para obtener texto y usarlo en la vista html