Блог

У меня есть страница A, на которой есть выпадающий список. При выборе значения выпадающего списка появляется соответствующий список. При нажатии на одно из имен из списка оно перенаправляется на другую страницу B, выполняя некоторые операции. На странице B у нас есть кнопка «Назад«. Я хочу, чтобы при каждом нажатии кнопки «Назад» она перенаправлялась на предыдущую страницу, где список отображается на основе выбранного значения выпадающего списка. Как я могу этого добиться.??

pageA.component.html

           <div class="row">
        <div class="col-md-6 txt-box">
          <div class="runTextBox">
            <select
              type="number"
              class="control"
              (ngModelChange)="onChangeGroup($event)"
            >
              <option hidden value="" disabled="true"
                >Please select Group Name
              </option>
              <option
                *ngFor="let anaName of getGroupList"
                type="number"
                [ngValue]="anaName.Id"
              >
                {{ anaName.GroupName }}
              </option>
            </select>
          </div>
        </div>
      </div>

          <div class="list_table">
        <table class="table tabs">
          <thead>
            <tr>
              <th>Sub Group Name</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let data of startedSubGroupList; let x = 
                index">
              <td>
                <a [routerLink]="" 
                 (click)="showSubGroupData(data.Info)"> 
                {{ data.subGroupName}}</a>
              </td>

            </tr>
          </tbody>
        </table>
      </div>
  

PageA.componet.ts

  onChangeGroup(value) {
      this.groupId = value;
      this.viewAnaServ.getSubGroupList(value).subscribe((res: any) => {
      this.startedSubGroupList = res;
      console.log(this.startedSubGroupList);
  });
}

showSubGroupData(v) {
   this.viewAnaServ.getDataInfo(v)
   this.router.navigate(["/dashboard/anaview/PageB"]);
}
  

pageB.component.html

  <div class="row">
    <div class="col-md-12">
     *some operation*
    </div> 
 </div>
 <button (click)="backToPageA()">Back</button>
  

PageB.component.ts

 backToPageA(){
  this.router.navigate(["/dashboard/anaview/PageA"]);
}
  

Когда группа выбирается из выпадающего списка на странице, появляется список подгрупп. При нажатии на одну из подгрупп она перенаправляется на страницу B. Я хочу, чтобы при нажатии кнопки backToPageA она переходила на страницу, содержащую выбранную группу, вместе со списком ее подгрупп.

Вы можете достичь этого с помощью маршрутизации в angular. Вы можете создать 2 маршрута, сначала для страницы A, а затем для страницы B. Итак, когда вы нажимаете на выпадающий список со страницы A, вы можете перенаправить на страницу B. Аналогично, когда вы нажимаете кнопку «Назад» на странице B, вы можете перенаправить на страницу A.