[筆記][angular][排序] angular 2 / 4 查詢畫面增加 排序功能

之前的「[筆記][Angular 2][Angular 4]透過Angular-CLI 撰寫 Angular 2針對單一資料表的CRUD」,內容作了針對單一資料表的C(新增)R(查詢)U(修改)D(刪除)。其中查詢的部分,也加上分頁的功能。但,感覺好像還缺了那一塊。一般的查詢,可能還需要額外加上『排序』,在分頁的情況下,可以針對每個欄位,點選排序,進行『順排(由小到大)』與『逆排(由大到小)』的排序。這邊就來補充這個份的功能。

 

...繼續閱讀 »

[筆記][Angular 2][Angular 4][Input][Output] 在 Angular 2/4 Component 之間的資料傳遞 Input / Output

在 Angular 2 / 4 的世界中,是一個一個的 Component 堆積而成的,每個 Component 都是獨立,卻又可以交互合作,在這樣的情況下,外層的 Component 如何傳遞入(Input)資料給內層的 Component ,而內層的資料,在要把資料往外傳遞(Output)時,又如何觸發外層的事件來處理往外傳遞的資料。我們這一篇就來看看 Component 的 Input / Output 如何撰寫

...繼續閱讀 »

[筆記][TypeScript] (Javascript) 如何複製 ( Clone ) 出一份 新的物件 (By Value, 非By Reference)

  • 65
  • 0
  • 2017-10-12

在Javascript中,當變數放的內容是純值(非物件,a=1;),b=a的時候,是使用ByVal的方式,也就是複製一份資料給b,但這情況在「物件」的狀況,卻是 By Reference的傳址方式,也就是兩個變數,指向同一個記憶區塊,資料是相同那塊空間的。因此,如果b[0].Name="aaa",這時候去取a[0].Name一樣會變成"aaa"。那麼,如何在物件的時候,如何真正的複製出一份內容,存在不同的記憶區塊,讓彼此不會影響呢?看下去~

...繼續閱讀 »

[筆記][茶包][Angular][IE]解決 Angular 2 在 IE中遇到「物件沒有支援這個屬性或方法 'assign' (Object doesn't support property or method 'assign')」問題

在開發 angular 2 (angular 4)過程中,小喵通常會用 Chrome 來開發,但運行很正常的專案,在 IE 中卻遇到『物件沒有支援這個屬性或方法 'assign' (Object doesn't support property or method 'assign')』的問題。要怎麼處理這樣的茶包,請繼續看下去~

...繼續閱讀 »

[筆記][WebAPI][Cookie]在WebAPI中存取Cookie的方式

Cookie 是在以往Web開發過程中,是常用的一個存資訊在Client端的方式。例如:在電商網站中,當使用者第一次進入網站時,可能就會埋一個Cookie在瀏覽器端,藉以觀察這個瀏覽器,他的一些行為模式,而著名的網站觀察GA,也是以如此的模式作為基礎。目前開發轉到WebAPI後,其實WebAPI也可以對於Request的來源進行類似的作法。這篇就來針對在Controller中,對Cookie進行存取的方式,做個整理。最後,會將相關功能抽出,寫在Models中的類別,作為公用的程式,讓之後每個Controller要對Cookie進行存取,可以簡化相關的撰寫。

...繼續閱讀 »

[筆記]好用輕量型ORM神器--Dapper

  • 758
  • 0
  • 2017-09-14

在小舖的討論中,看到Keven大推薦使用Dapper,心想這是什麼?於是花點時間尋找一下,發現這真是個好物,可以大幅精簡開發時的程式碼
而且,黑大在2014年的時候就已經寫文記錄下來。

小喵特別練習一下順便記錄下來,提供未來應用時候的參考

...繼續閱讀 »

[筆記] SignalR 2 初體驗 處理無【OWIN啟動類別(OWIN startup class)】問題

  • 542
  • 0
  • 2016-08-02

很久以前就聽過ASP.NET SignalR這個處理WebSocket的好物,但手邊的工作沒此需求,所以就先做了解,沒實際動手做。最近剛好有個機緣,需要藉由SignalR的機制來處理些問題,於是動手進行測試。在測試過程中,卡在新增【OWIN啟動類別】時,使用VB.NET開發,新增項目時沒此項目,小喵把這過程筆記下來,提供網友參考,也提供自己未來參考。

...繼續閱讀 »