angular關於本頁路由不重新整理
阿新 • • 發佈:2018-12-31
程式碼如下
<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中即可。