Нужно дважды щелкнуть ссылки в угловом приложении, чтобы включить функцию - PullRequest
Новая
       13

Нужно дважды щелкнуть ссылки в угловом приложении, чтобы включить функцию

0 голосов
/ 30 ноября 2018

Я сейчас работаю над угловым приложением, и у меня есть навигационная панель с помеченными ссылками <a>.Каждый раз, когда я нажимаю на одну из этих ссылок, я хочу, чтобы переменная flag была переключена, чтобы я могла скрыть панель навигации и показать другой компонент.

Сейчас я просматриваю свой сайт в Chrome, и мне нужно дважды щелкнуть ссылку, чтобы сработала функция переключения.Вот HTML-код ниже.

<div class="jumbotron jumbotron-fluid" style="padding-top:0" *ngIf="showFlag === true">
    <nav class="navbar">
      <!-- <p>{{showFlag}}</p> -->
      <ul class="navbar-nav" id="link-nav" style="width:30%">
        <li class="nav-item">
          <span>
            <a class="nav-link" (click)="toggleComponent()">My Story</a>
            <hr>
          </span>
        </li>

Вышеприведенный фрагмент - это то, как я думал, что могу переключаться между показом и сокрытием этого jumbotron.Стоит отметить, что этот компонент называется header и находится внутри другого компонента.Я не знаю, может ли это быть причиной того, что мне нужно дважды щелкнуть ссылку ... Структура выглядит следующим образом: 

<div id="particles-js">
    <app-header></app-header>
</div>

Может кто-нибудь помочь мне?

1 Ответ

0 голосов
/ 30 ноября 2018

Я обнаружил, что проблема в CSS для контейнера этой разметки.

Я добавил position:fixed; в CSS, и это дало ему такой эффект наложения.

Устранение проблемы устранило проблему.

...