我正在尝试构建一个带有角度的Web应用程序,我希望人们在该应用程序上看到某个路线上的Skype Web控件的Skype按钮。但是由于某种原因,该路由激活后该按钮不存在。由于某些原因,从首页重定向后,聊天按钮不可用,但是当我直接打开该路由时,该按钮仍然存在。请帮我解决这个问题。关于这两种情况,我添加了两个屏幕截图。 Chat button not showing after being routed
Chat button showing after directly entering the route
这是我的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>