angular - 从 [NgStyle] 传递字符串

Question

您好，当我在同一页面上按下按钮时，我想显示一个文本区域。

html

<button ion-button [NgStyle]="type=='text'">

   <ion-item *ngIf="type=='text'">
      <ion-textarea>....</ion-texarea>
   </ion-item>

.ts

type:string='';
 component(){}

我究竟做错了什么？

标签： angularionic-framework

Answer 1

您可以执行以下操作：

在 HTML 中：

<ion-button color="primary" (click)="showHidetextArea()"></ion-button

   <ion-item *ngIf="show">
      <ion-textarea></ion-texarea>
   </ion-item>

在.ts里面

show: boolean = false; // declear variable

showHidetextArea(){
      this.show = !this.show;
}