1. 程式人生 > >angular關於本頁路由不重新整理

angular關於本頁路由不重新整理

程式碼如下

<div class="content col-md-12">
  <div class="title">
    <span>已選擇2項</span>
    <a class="btn btn-info">批量新增</a>
    <a class="btn btn-info" [routerLink]="['schspAddschsp']">新增</a>
  </div>

  <div class="row">
    <table class="table table-bordered" 
> <thead> <tr> <th></th> <th>序號</th> <th>運動隊</th> <th>競賽名稱</th> <th>教練員</th> <th>隊長</th> <th>狀態</th> <th>備註</th> <
th>操作</th> </tr> </thead> <tbody> <tr *ngFor="let svlist of svlists let i = index" > <td><input type="checkbox"></td> <td>{{i+1}}</td> <td>{{svlist.equipe}}</td> <td>{{svlist
.name}}</td> <td>{{svlist.coach}}</td> <td>{{svlist.leader}}</td> <td>{{svlist.status}}</td> <td>{{svlist.remark}}</td> <td><a class="btn alink" [routerLink] = "['schspSchspinfo',svlist.uid]" title="檢視">檢視<i class="fa fa-search"></i></a> <a class="btn alink" [routerLink] = "['schspEditschsp',svlist.uid]">編輯</a> </td> </tr> </tbody> </table> </div> <router-outlet></router-outlet><!--這是插座位置--> </div>
這是需要點選重新整理的頁面
<div class="row schsp_schsp">
  <table class="table table-bordered" >
    <thead>
    <tr>
      <th>序號</th>
      <th>學生姓名</th>
      <th>學號</th>
      <th>團體/個人</th>
      <th>國家級/市級</th>
      <th>名次</th>
      <th>是否破紀錄</th>
      <th>獎勵金額</th>
      <th>狀態</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let inf of infor" >
      <td>{{inf.id}}</td>
      <td>{{inf.cname}}</td>
      <td>{{inf.username}}</td>
      <td>{{inf.groupOrindividual}}</td>
      <td>{{inf.level}}</td>
      <td>{{inf.rank}}</td>
      <td>{{inf.breaking}}</td>
      <td>{{inf.reword}}</td>
      <td>{{inf.state}}</td>
      <td>
        <!--<a class="btn alink" [routerLink] = "['',inforlist.id]">拒絕</a>-->
        <!--<a class="btn alink" [routerLink] = "['',inforlist.id]">通過</a>-->
</td>
    </tr>
    </tbody>
  </table>
  <a class="btn determine_close" onclick="javascript:history.back(-1);">關閉</a>
</div>


ngOnInit() {
  this.id = this.routeInfo.snapshot.params["id"];
  this.infor = this.eventListService.getInforById(this.id);
  //    this.eventListService.getInforById(this.id).subscribe(
  //   infor => this.infor = infor
  // );
this.inforlists = this.eventListService.getInforlist();

  $(".determine_close").click(function() {
      $(".schsp_schsp").hide();
    }
  );
}

ngDoCheck() {
  this.id = this.routeInfo.snapshot.params["id"];
  this.infor = this.eventListService.getInforById(this.id);
  //    this.eventListService.getInforById(this.id).subscribe(
  //   infor => this.infor = infor
  // );
}
如圖,只需要在該頁面新增一個DoCheck的鉤子,下次點選,不再走OnInit,將需要重新整理的程式碼放在DoCheck中即可。