重新路由后,Skype按钮不显示

时间:2018-12-11 13:20:40

标签: angular skype skypedeveloper

我正在尝试构建一个带有角度的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>

0 个答案:

没有答案