如何在*ngFor 理取得最後index

General
1

這是我的HTML code:

<thead>
  <tr>
	<td class="nameCell"></td>
	<td colspan="31" class="alignCenter underlineText captionCell">EMSTF Resident Support & Computer Operation Support Services Team Roster</td>
	
	..........................
	
  </tr>
  <tr #rosterMonthRow>
	  <td class="nameCell"></td>
	  <td class="alignCenter selectRosterMonthCell clickable underlineText" colspan="31">
		<span (click)="prevMonth()"><</span>
		{{ (monthlyCalendar)?.monthName }}
		<span (click)="nextMonth()">></span>
	  </td>
	  <td colspan="10"></td>
  </tr>
  <tr #holidayRow>
	<td class="nameCell borderCell">Holiday</td>
	<td *ngFor="let dateObj of (monthlyCalendar)?.dateObjList|toArray" class="borderCell alignCenter dateCell phCell" >
	  <span *ngIf=dateObj.isPublicHoliday>PH</span>
	</td>
	<td colspan="10"></td>
  </tr>

以上的code 已經working properly, 問題是monthlyCalendar.dateObjList 這個array 長短不一樣,
所以和上邊那兩個row 的長度不一樣,我想做的事如果monthlyCalendar.dateObjList 這個array 的長度不等於31 時,就output多幾個cell, 使它和上邊那兩個row 的長度一樣, 請問如何解決呢?

2

如果超過 31, 那就將原本要跑的陣列長度變成 31 即可 (eg. SlicePipe)
同樣的，如果常不度夠，在取資料時就先補滿 31
這些動作都可以在撈資料時順便就處理好，這樣 html 就不需要那麼多判斷

1個讚