HAO are you~

Angular + i18n多語系 + ngx-translate

Angular + 原生i18n

我有個後端API，如果權限不足時。前端攔截器會取得對應的StatusCode並回應相對應的錯誤訊息，但找網路上的教學來做，卻發現我的StatusCode一直都是0…

預設情況下 NgModules 都是Eager Loading(急切載入)的，這意味一開始進入首頁，所有的 NgModules 無論是否需要都會被載入，使用Lazy Loading(延遲載入)功能，會等到Module內的元件有需要使用時才載入，延遲加載有助於讓初始化的檔案保持為較小的大小，從而減少加載的時間。

Linux Ubuntu實際架站(.Net WebAPI + Angular)範例

有了前端畫面跟後端API。
最終的目的當然是要透過前端UI來呼叫後端的API，然後拿取得的API Result來做其他的應用。
而不是只用Postman或是瀏覽器來執行執行API網址這樣而已。
這時一定會遇到CORS的問題

Angular前端程式開發好之後，當然是要找地方部屬。個人之前是放在IIS上面，後來查資料才知道GitHub也可以直接部屬靜態網頁，這樣就可以放在Internet上面讓大家瀏覽了。

Angular生命週期是個重要的東西，了解其執行順序，對於日後開發前端程式時。也能更準確地把程式寫在對應的生命週期實作function裡面。

做幾個簡單的範例來記錄ng-template. ng-container之間的差異

Angular的元件，有些時候會把一些共用邏輯寫到Service裡面，但是會發現明明就是不同的元件，但不同元件之間的變數可能會被不同元件互相連動影響，導致變數有可能變成共用的這種情形發生。

當前端網頁開發完成後，接著就是實際放到iis上了(不然就只能一直再本機上面執行)，過程中可能會遇到一些問題(CORS. 路徑設定…etc)，趁著這次剛好有機會時做整個過程，就順便把整個過程做個紀錄。

最近工作剛好有個自己從無到有建置一個專案的機會，自己也是第一次從無到有的自己建置一個專案，機會難得，紀錄一下整個過程，大致會有下列幾個主要步驟：

1. 建立後端.Net Core WebAPI新專案
2. 建立Angular新專案，並安裝Angular Material & Bootstrap
3. 建立資料(Repository)層
4. 後端API權限設定
5. Angular呼叫後端WebAPI & CORS處理

網頁功能最常用的就是資料間的傳遞，不管事表單資料傳送到後台，或者是輸入查詢資料後，由後端DB回傳資料。這之間都少不了傳輸資料到後台。
在以前MVC的時候，可以透過Razor語法的HTML Helper的BeginForm，在Submit之後，會透過ModelBinding把資料傳到後端Controller。
或是在View直接把整個Form序列化(serilizeArray)後再傳給後端。
現再寫前後分離(Angular + .Net 6 WebAPI)採用WebAPI來開發，剛完成第一個前後分離專案，順便把資料傳送到Controller的方式記錄下來。

最近有個需求
大概是主要畫面為輸入表單(母頁面)，輸入完成後，會把資料存放到List，要查看時就透過Modal彈跳視窗顯示(子頁面)。
但User有新需求為想要邊編輯表單資料又可以同時看到資料List，那麼就不能用Modal彈跳視窗的方式來完成。
因為Modal彈跳視窗其實是個遮罩，會造成遮罩後的頁面功能無法使用。
勢必要用兩個分頁來處理，但主.次頁面之間會有資料互相傳遞，這時就能透過postMessage這個API來處理

這問題我也不知道怎麼發生的

最近剛開始學習angular

亂裝了一堆套件之後

也不知道做了什麼事情就把專案的angular搞壞了

下ng serve後都沒有任何反應，也沒有任何錯誤訊息

試了一天後

才終於問題解決掉

.Net 5建立Angular範本專案