Как я могу щелкнуть с помощью [routerLink] внутри дочернего представления для другого дочернего представления? - PullRequest
Новая
       11

Как я могу щелкнуть с помощью [routerLink] внутри дочернего представления для другого дочернего представления?

0 голосов
/ 03 октября 2018

У меня небольшая проблема с представлением с моего веб-сайта в Angular, поскольку я пытаюсь перейти от представления ребенка к представлению другого ребенка в моем приложении.Когда я щелкаю по кнопке с routerlink, я перехожу к представлению, но проблема в том, что представление становится темным, и я больше не могу этого делать, пока я не обновлюсь с f5 или перезагрузкой buttonиз моего веб-навигатора.

МАРШРУТЫ 

const routes: Routes = [
  {
    path:'',
    component: HomeComponent
  },
  {
    path:'login',
    component: LoginComponent
  },
  {
    path:'administrator',
    component: AdministratorComponent,
    canActivate: [AuthGuard],
    children:
    [
      { path: '', component: DashboardComponent },
      { path: 'contact', component: ContactComponent },
      { path: 'information', component: InformationComponent },
      { path: 'logout', component: LogoutComponent },
      { path: 'letter', component: LetterComponent },
    ]
  },
  { path: 'home', component: HomeComponent },
  { path: 'error', component: ErrorComponent },
  {
    path: '**',
    redirectTo: "/error"
  }
];

Это модель моей веб-страницы:

Model Page

И пытается получить доступ к представлению моих детей: 

<button type="button" class="btn btn-success" [routerLink]="['/administrator/letter']">
    Check
</button>

Примечание: Если я получаю доступ с AdministratorComponent, он работает так же, как яжду, но в этом случае мне нужен другой способ сделать это.

Как правильно получить доступ к этому представлению?

1 Ответ

0 голосов
/ 03 октября 2018

Я не собираюсь удалять этот вопрос, потому что эта ошибка или ошибка может случиться с другим человеком.В этом случае я забыл сказать, что в представлении я использую модальное окно, поэтому класс модального окна для доступа к другому вторичному представлению остается активным (что затемняет представление, к которому осуществляется доступ)

Точно так же:

Bootstrap's class

Хорошо, как это можно решить?

Просто вам нужно использовать атрибут, чтобы закрытьмодальный: data-dismiss

<button type="button" class="btn btn-success" data-dismiss="modal" [routerLink]="['/administrator/letter']">
   Check
</button>
...