Я пытаюсь создать веб-приложение с угловым интерфейсом, в котором я хочу, чтобы люди видели кнопку Skype веб-элемента управления Skype на определенном маршруте.Но по какой-то причине кнопка не появляется после того, как этот маршрут становится активным.По какой-то причине кнопка чата недоступна после перенаправления с домашней страницы, но появляется, когда я открываю этот маршрут напрямую.Пожалуйста, помогите мне решить эту проблему.Я добавил два скриншота в отношении этих двух случаев. Кнопка чата не отображается после маршрутизации
Кнопка чата отображается сразу после ввода маршрута
Это мой файл app-routing.module.ts
:
import { DoComponent } from './do/do.component';
import { CoComponent } from './co/co.component';
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [{
path: 'co',
component: CoComponent,
},
{
path: 'do',
component: DoComponent,
},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
Это мой app.component.html
файл:
<div [routerLink]="dir">Click me</div>
<router-outlet></router-outlet>
Это мой app.component.ts
файл:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'dem';
dir = "do"
ngOnInit(){
setTimeout(() => {
this.dir = "do"
}, 10000);
}
}
Это мое do.component.html
содержимое файла:
<div class="skype-button bubble" data-contact-id="live:vabs.here1"></div>