項目結構要合理清晰

1、下拉菜單欄用枚舉類型enum傳值，而不是用數(shù)組。

將枚舉的三個屬性對應的下標傳遞給id，下拉框可根據(jù)id獲取屬性值

2、在進行GET\POST\PUT等網(wǎng)絡請求操作時，記得加上 .subscribe() 提交請求，.subscribe()中可進行對數(shù)據(jù)的初步處理。

3、POST可進行帶參數(shù)請求，請求的Url末尾加上 “/(添加的請求數(shù)據(jù))” ，如

dayId為傳遞給后臺的參數(shù)

4、后臺接收帶參數(shù)的請求：

controller

@RequestMapping中value =? ".../{請求名：請求值}"??

@PathVariable 參數(shù)類型? 請求名

以此獲取到請求數(shù)據(jù)，請求名必須一致。

5、nz-popover下的nz-checkbox-group多選菜單欄標簽，使用如下：

html文件

多選按鈕雙向綁定，附帶有checked（是否選中）及id（對應數(shù)據(jù)的ID）值供調(diào)用，判斷是否選中如下：

ts文件

點擊菜單欄按鈕觸發(fā)點擊事件，遍歷傳遞來的數(shù)據(jù)，將配置好的菜單傳遞給dayDish，聲明一個新的屬性用于存放被選菜譜的ID，按條件遍歷后將欲選中的ID的checked設為true，初始化完畢。

點擊勾選，觸發(fā)saveDish

遍歷菜單，將被選中的菜譜的ID及當前日期IDpush到聲明的dishMenu中，將保存的dishMenu傳遞給后臺。

6、可通過 .filter 過濾獲取的數(shù)據(jù)

7、app-routing中對路由進行配置，加入 resolve 可以預加載數(shù)據(jù)，要在 providers 中添加對應的 Resolver

routes

@NgModule中

8、進行網(wǎng)絡請求要配置Url，最好在同一個ts里