我有一个按钮，可以在每次用户点击时在“运行”和“暂停”的字体真棒图像之间切换。
在 Angular 应用程序中的语法是什么样的？ 我要求标准方法/建议的原因是我尝试了 2 个不同的按钮并使用 ng-show 并且没有运气。
【问题讨论】：
您可以在组件中使用简单的boolean 值和HTML 中的*ngIf 语句来显示/隐藏必要的图标（或任何其他元素），这将基于boolean 值。您还需要将(click)="isPlaying = !isPlaying" 添加到该图标以触发状态：
HTML：
<i class="fa fa-play-circle" aria-hidden="true" *ngIf="!isPlaying" (click)="isPlaying = !isPlaying"></i>
<i class="fa fa-pause-circle" aria-hidden="true" *ngIf="isPlaying" (click)="isPlaying = !isPlaying"></i>
组件：
public isPlaying: boolean = false;
如果你的逻辑和我的例子一样简单，那么在 HTML 中保留最小的逻辑也没关系，但如果不是 - 最好在你的组件中创建一个触发器方法。
【讨论】：