Javascript 文件切换js isn'；t在角6中工作

我在主题中使用文件toggle.js

在html聊天盒文件toggle.js中，硬代码=>运行良好。 但是我使用的代码angular 6=>toggle.js不起作用

描述：单击用户名后显示聊天框

这是我的代码（我使用硬代码和代码6）：

---

请帮助我，谢谢使用EventEmitter进行切换。 像下面这样

appchild.component.ts

import { Component, Input, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `<button class='btn btn-primary' (click)="handleclick()">Click me</button> `
})

export class AppChildComponent {
  handleclick() {
    // Add toggle code here or set the flag to show/hide
  }
}

import{Component，Input，EventEmitter，Output}来自“@angular/core”；
@组成部分({
选择器：“应用程序子项”，
模板：`单击我`
})
导出类AppChildComponent{
handleclick（）{
//在此处添加切换代码或将标志设置为“显示/隐藏”
}
}

import { Component, Input, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `<button class='btn btn-primary' (click)="handleclick()">Click me</button> `
})

export class AppChildComponent {
  handleclick() {
    // Add toggle code here or set the flag to show/hide
  }
}