Угловой 6: я хочу отключить все параметры ниже боковой панели и включить вышеуказанные параметры в состоянии из локального хранилища

Question

У меня есть массив, который я перебираю в ngFor, и массив:

Form_Array: any[] = ["Contact Details","PAN","Aadhaar","Basic 
   Details","Address","Regulatory Info","Segments",
  "Document Upload", "Brokerage", "Review", "In-person verification"
  ];

Я получаю некоторый ответ API, который я устанавливаю на localStorage.

Я хочу, если яЧтобы получить «AAdhar» из ответа API, нужно нажать на все вышеупомянутые ссылки, включая «Aadhar», а остальные элементы должны быть отключены.

Вот изображение этой сетки

Подскажите, пожалуйста, что мне делать?

Вот шаблон HTML:

<div class="border-5">
  <div class="index-layout" *ngFor="let form_feild of Form_Array;let i=index" (click)="showForm(form_feild)">

    <p class="font-type"><span class="padd_align" >{{i+1}}</span>{{form_feild}}</p></div>
</div>

Answer 1

Сначала найдите индекс.

 var in= Form_Array.indexOf("Aadhaar");

Затем примените

<div class="border-5">
  <div class="index-layout" *ngFor="let form_feild of Form_Array;let i=index" ng-disable="i>in" (click)="showForm(form_feild)">

    <p class="font-type"><span class="padd_align" >{{i+1}}</span>{{form_feild}}</p></div>
</div>

Answer 2

Вы можете включить или отключить ссылку для содержимого сетки на основе значения индекса в ответе.Реализация будет

• Найти индекс «Aadhar» в массиве ответов «aadharIndex»
• Включить ссылку, если индекс текущих значений меньше, чем «aadharIndex», в противном случае отключить ее.