HAO are you~

近日專案準備上線正式環境了，後端用的是.Net Framework MVC5 後端由原本的JS + JQuery改寫成Angular。這邊記錄一些部屬前端Angular程式時該注意的部屬設定。

Javascript多執行緒+非同步應用動態載入大量元素到Dom

Angular + i18n多語系 + ngx-translate

Angular + 原生i18n

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

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

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

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

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

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

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

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

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

最近剛開始學習angular

亂裝了一堆套件之後

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

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

試了一天後

才終於問題解決掉

如果不使用jquery.validate.unobtrusive，只想做些簡單的驗證的話，可以用下面兩種方法來進行表單送出前驗證

今天上班時遇到個問題，我有一個表單是允許輸入特殊符號的(ex:'<'. '>')。表單輸入完後要把輸入的資料組合成tr. td字串append到我的<table>後面，但卻遇到了個問題。只要我輸入的表單欄位有包含'<'或是'>'，render出來的畫面都會怪怪的，雖然知道應該是特殊符號的問題導致HTML變的怪怪的，但之前都是有遇到問題才去找答案，為節省日後時間，就趁這次機會做個筆記記錄下來。

Unobstrusive-AJAX是為微軟的一個Js套件，你可以再HTML標籤裡加上一些特定的屬性，不用自己寫$.ajax類似的Js程式碼，即可完成以前的AJAX效果。其實優點我也不是很懂，google一下是說可以不用在前端cshtml裡面寫太多的javascript吧，可以把大部分的Js程式移到外部js檔，讓html跟Js切分得更乾淨。

表單驗證是網頁很常用的功能，通常是submit會觸發驗證流程(會把jQuery.validator.unobtrusive.parse("#form1");  會把檢核觸發寫在submit button裡)。但今天收到個需求，網頁因為某些因素不想透過submit 表單post資料到後台，想要透過ajax的方式來post資料，但validator又一定需要把要驗證的<input>包在<form>裡面的情況下(如果把<form>拿掉，就不會有驗證效果)，要如何觸發表單驗證?

防止瀏覽器存取快取的方式

把被編碼後的HTML tag轉回HTML，這個問題很常遇到，但每次都沒有特別記下來，每次遇到一樣的問題再去google如何把編碼過後的特殊符號轉回HTML，今天又遇到了，剛好又開著點部落，於是就順便把問題記錄下來

互動式網頁中有兩個常見功能

1.在主畫面跳出新的表單輸入視窗

2.點圖放大

原畫面會變黑，並由新的視窗覆蓋在原本主要畫面上，這種效果可以用Bootstrap的Modal來完成。以下就用兩個範例來示範(ASP.Net MVC + AngularJS)

主要畫面傳參數給PartialView

提交表單使用POST跟GET的差別