How to remove a particular dynamic element from html in angular reactive form

Question

I have created a dynamic reactive form using which I can add or delete fields dynamically, everything is working fine. When I click on the below + sign, I get the result as -

I want to remove the Radio Button (And / Or ) from the last row always like if it's 3 rows, I want only for 1st and 2nd, it should not come up for third. I tried a lot but I am not able to achieve it.

Can someone please help?

You decided to remove most of the information from your question which enabled users to answer it. You have insisted on doing that after a user undid that. Please reconsider. For one, this makes the question a moving target, i.e. it invalidates existing answers. Removing the info needed to get answers from other users is not appreciated. For another, questions like this lack focus on the specific problem which is only visible in the removed information, that makes it off-topic. Please re-add the info. — Yunnosch
– Yunnosch, Commented Jun 1, 2021 at 5:33

angular_code · Accepted Answer · 2021-05-29 03:29:20Z

1

just use in *ngFor, let last=last and a *ngIf="!last" see the docs

<div formArrayName="example"
      *ngFor="let a of exampleForm.get('example').value; 
      let i = index ;
      let last=last;  <!--add the let last=last-->
      trackBy: trackByFn">
   ...
   <div class= "operators" *ngIf="!last">
     ...
   </div>
 </div>

edited May 29, 2021 at 3:29

angular_code

3595 silver badges23 bronze badges

answered May 12, 2021 at 18:10

Eliseo

58.9k4 gold badges39 silver badges82 bronze badges

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

Collectives™ on Stack Overflow

How to remove a particular dynamic element from html in angular reactive form

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