javascript - 文件切换 js 在 Angular 6 中不起作用

Question

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

在 html 聊天框中 img文件 toggle.js 硬代码 => 它运行良好。但是我使用代码 angular 6 => toggle.js 不工作

描述:当我点击一个用户名然后显示聊天框

这是我的代码(我使用硬编码&& code angular 6):

<a *ngFor="let item of data;" href="javascript:;"> => not working
            <span class="status-online"></span>
            <span>{{item.Username}}</span>
          </a>
          <a href="javascript:;"> => hardcode working
            <span class="status-online"></span>
            <span>Peter</span>
          </a>

请帮帮我，谢谢

Answer 1

然后使用 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
  }
}