Angular CLI 6 版以後的設定檔大改版,現在終於有時間可以仔細看一下與了解內部是如何運行的。所以就讓我們來看一下 angular.json
檔案吧
[TypeScript] Compiler API 第一次接觸
TypeScript 提供了編譯 (compiler) 的 API 出來,可以讓我們用程式的方式建立或是編輯 ts 檔案。但為什麼要了解 TypeScript 的 Compiler API 呢? 主要原因是當在寫 Angular Schematics 時,加減都會碰到編輯 TypeScript 檔案的時候,這時候透過 TS Compiler API 來操作會比較保險一點,但這主題有點大,這一篇文章就稍微了解一下如何入門就好
[Angular] Schematics 內檔案系統基本操作
Schematics 跟檔案操作的元素有三種,分別是 Tree
、Rule
、Source
,但這三個元素到底是什麼? 又各自有哪些方法可以使用呢?
[EF6] Oracle with Code First 設定
近期有一個案子有可能會用到 Oracle, 所以在還沒有正式開跑之前,先來研究一下如何與 Entity Framework 搭配使用。但由於 EF Core 對 Oracle 的支援必須要等到下半年度才可能會有 Oracle 官方釋出的 drive,所以這邊還是先乖乖地使用 EF6 了。
至於如何架設自己的 Oracle 11g Express 資料庫,就要先從網路上面查詢怎麼架設了。這文章我之後再補
[Angular] Ionic 4 第一次接觸
在前幾天, Ionic 團隊發布 Ionic 4 的 beta 版,這一版可以說是整個打掉重寫的產品。原本的元件程式碼,都從頭來過。那 Ionic 4 又有帶來什麼驚喜呢,為什麼團隊願意整個打掉重來呢?
[Angular] App-Shell
Angular CLI 在後期的版本,提供了建立 app shell
的功能,何謂 app shell
,基本上就是透過 universal 的功能,先將首頁的畫面,產生靜態的 DOM 內容並新增到 index.html
的頁面中,並透過 app-shell component
(只是單純的 component) 顯示等待訊息。
為什麼要這樣子做,主要理由是讓使用者可以在第一時間得知他所開啟的網站,是有在執行的
[.NET Core]GraphQL 超新手篇
又再一次向 GraphQL 挑戰,什麼是 GraphQL,可以快速閱讀一下這篇文章 2018 GraphQL 漸進式導入的架構,ASP.NET Core 又該如何設定呢? 這裡先簡單的記錄一下,關於更細節的設定,就待以後再來研究了
[Angular] NgModule
Angular 的 NgModule 是架構中的核心元件,為什麼這麼說呢? 因為 NgModule 不論是要執行 AOT 或是 LazyLoading 或是製作Library ,都是以 NgModule 為單位,至於 NgModule 到底有哪些事情是我們需要知道的呢?
[Angular] CLI 進度顯示遇上字型的雷 (windows 限定)
不確定從哪一版 CLI 開始,當執行 ng serve
時,命令視窗的進度表,就會出現很混亂的數字後,才會正常的顯示編譯結果,想說一開始就算了,GitHub 上也找不到相關的 Issue,就這樣子擺著。今天實在受不了,就開始追到底是什麼原因造成這神奇的現象
[Angular] Custom Google Form - Angular Version
網路上有許多文章介紹如何自訂表單並與Google Form 串接,很有趣的做法,但 Angular 該怎麼做呢? 這篇文章來整理一下做法