Что происходит при перезагрузке, но не при навигации в angular? - PullRequest
Новая
       16

Что происходит при перезагрузке, но не при навигации в angular?

1 голос
/ 13 февраля 2020

Я работаю в angular -9, есть много вещей, которые работают при перезагрузке, но не после навигации. Например: есть два компонента A и B. и другой компонент c имеет модальный код раскрытия (в основании). c компонент должен быть включен в оба компонента: A и B. Из компонента A с помощью навигации можно перейти к компоненту B, который представляет собой другую страницу.

c .ts: 

import { FormControl, Validators, FormBuilder,FormGroup, FormGroupDirective } from '@angular/forms';
loginFormControl:FormGroup;
ngOnInit() {
    $('#loginModal').foundation();
    this.loginFormControl = this.formBuilder.group({
        phone_number: ''
    });
}

c. html 

<div class="reveal" id="loginModal" data-reveal>
    <form class="loginForm" [formGroup]="loginFormControl" 
    (ngSubmit)="onSubmit()">
        <input placeholder="Enter Mobile Number" formControlName="phone_number">
        <button type="submit" class="button">LOGIN</button>
    </form>
    <button class="close-button" data-close aria-label="Close modal" type="button">
        <span aria-hidden="true">&times;</span>
    </button>
</div>

Если я открою модальный 'c' на обеих страницах A и B, нажатием двух кнопок на обеих страницах с $('#loginModal').foundation('open'); в Файлы A.ts и B.ts, это приводит меня к неожиданному поведению. 1. модал открыт на обеих страницах. Нет проблем, связанных с просмотром 2. Но события этого модального (нажмите, изменить) или если я введу номер телефона, он не принимает его от пользователя. Даже если на странице нет события, пока я не обновлю sh или не обновлю страницу. 3. После обновления страницы она будет работать на этой странице (включая все события и входные данные), не будет никаких проблем на этой странице после перезагрузки. но когда я перехожу к другому компоненту B, то это (c) события и ввод не будет работать, пока я не обновлю sh и эту страницу. то же самое произойдет снова с компонентом A.

Я до сих пор не нашел ни одного решения этого вопроса и почему это происходит. Пожалуйста, дайте мне знать, если у кого-нибудь есть решение моей проблемы. Это было бы плодотворно для меня.

...