Fatal编程技术网
  • angular/
  • Angular 如果单击此按钮，如何在按钮下显示div？角度2

Angular 如果单击此按钮，如何在按钮下显示div？角度2

angular

Angular 如果单击此按钮，如何在按钮下显示div？角度2,angular,Angular,单击此按钮时，我想在按钮下显示div 我在Angular 2中工作，我想使用像*ngIf和（单击）这样的函数，但我不知道从哪里开始 在我的按钮中有（单击）=“show=！show”，在隐藏的div中有{{baseColor.name} 在我的export类{}函数中，我有show=false 编辑： 最佳方式 我已经选择了我的方法[ngClass]=“{'selected'：baseColor.state.selected}，所以我在我的div*ngIf=“baseColor.state.sel

单击此按钮时，我想在
按钮下显示
div

我在Angular 2中工作，我想使用像
*ngIf
和
（单击）
这样的函数，但我不知道从哪里开始

在我的按钮中有
（单击）=“show=！show”
，在隐藏的div中有
{{baseColor.name}

在我的
export类{}
函数中，我有
show=false

编辑：

最佳方式

我已经选择了我的
方法
[ngClass]=“{'selected'：baseColor.state.selected}
，所以我在我的div
*ngIf=“baseColor.state.selected”

现在我有了
{{baseColor.name}
，没有任何额外的代码。
在Component.ts中


is_show = false;
toggleDiv() {
    this.is_show = !this.is_show;
}


在Html中


<button (click)="toggleDiv()">Show / Hide</button>
<div *ngIf="is_show"></div>



显示/隐藏

你能分享完整的相关代码吗？你的方法似乎是合法的。那么到底是什么问题呢？谢谢大家，我一直在寻找一种更好的方法。IMO，你的方法没有错。非常感谢，这是对的，但我一直在寻找一种更好的方法。谢谢，无论如何，你也可以这样使用。显示/隐藏