前端使用augnlar，html中只有一个按钮，实现点击按钮显示弹窗

好的，您可以参考以下代码实现：

在 HTML 中，可以添加一个按钮和一个弹窗：

<button (click)="showPopup()">显示弹窗</button>

<div class="popup" *ngIf="isPopupVisible">
  这是一个弹窗。
  <button (click)="hidePopup()">关闭</button>
</div>

在组件的 TypeScript 中，需要添加两个方法 `showPopup()` 和 `hidePopup()`，以及一个布尔型变量 `isPopupVisible` 来控制弹窗的显示和隐藏：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  isPopupVisible = false;

  showPopup() {
    this.isPopupVisible = true;
  }

  hidePopup() {
    this.isPopupVisible = false;
  }
}

在 CSS 中，可以添加一些样式来美化弹窗：

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

这样，当用户点击按钮时，弹窗就会显示出来，再次点击按钮或者关闭按钮时，弹窗就会隐藏起来。