Hide text of text area based on a condition in angular

Question

I have a textarea and I want to hide the text of the textarea based on a condition

`<textarea class="form-control" 
  [ngClass]="{'pointer-events-none cursor-disabled' :  
  model.userPrivilage.canNewButNotEdit() }" 
  [(ngModel)]="model.repSetUp.DESCR" name="DESCR">
</textarea>`

if the value will be empty & text area will be disabled then what is the point of showing it to the user? Simply hide that control. — Ankush Jain
– Ankush Jain, Commented Jun 24, 2019 at 5:39

Kishan · Accepted Answer · 2019-06-24 05:58:22Z

1

You can do two things either disable text area or hide text area on condition, I am giving both use as you want :

<-- Disable textarea -->
<textarea class="form-control" 
  [disabled]="model.userPrivilage.canNewButNotEdit()"
  [(ngModel)]="model.repSetUp.DESCR" name="DESCR">
</textarea>

<-- hide textarea -->
<textarea class="form-control" 
  [ngClass]="{'hide 
  model.userPrivilage.canNewButNotEdit() }" 
  [(ngModel)]="model.repSetUp.DESCR" name="DESCR">
</textarea>

<-- hide text on codition -->
<textarea class="form-control" 
  [value]="(model.userPrivilage.canNewButNotEdit() ? '' : model.repSetUp.DESCR)"
  [(ngModel)]="model.repSetUp.DESCR" name="DESCR">
</textarea>

answered Jun 24, 2019 at 5:58

Kishan

7934 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Hide text of text area based on a condition in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related