「嗨!Leo!好久不見!」跟我打招呼的是 Wayne。Wayne 是我在進修時,同期的同學、專題小組成員,也是我的好朋友。 「嗨!Wayne!好久不見!最近好嗎...
「原來如此!好像很厲害!!」聽完我的介紹後,Wayne 一副饒有興致的樣子。 「對呀!想不想學阿?!我教你!」看到 Wayne 這麼有興趣,當然就是要趁勢推他入...
「我都裝好了!!接下來可以開始 Coding 了嗎?!」Wayne 把環境跟編輯器都安裝完之後,興奮地說。 「別急,你先開啟剛剛用 Angular CLI 建立...
「接下來要說明的是...喂!睡著了阿你?!」專心講解的我瞄了 Wayne 一眼,才發現這小子居然已經睡倒流口水了?! 「對不起!!因為一直在講解沒有實作,一不小...
在一個風雨交加、打雷閃電的夜晚,我正坐在電腦前專注地看著螢幕中的文章並喃喃自語著。 「哇賽!才幾年沒碰 Web Front-End,怎麼前端世界變了這麼多阿?!...
「原來 Angular 這麼好玩啊?!」Wayne 做完練習後,開心地跟我說道。 「是不是?!之後如果寫再複雜一點的應用更能體現出 Angular 厲害的地方!...
各位邦友大家好,我是Leo,這是我第一次參賽。 在這三十天裡,我會用比較淺白的方式來跟大家分享我目前所知道的 Angular。 本系列文章適合: 寫過一些前端...
「原來 Angular 的 Template 語法跟資料綁定有這麼多名堂阿?!」Wayne 揉揉他的太陽穴,貌似有點快消化不良的樣子。 「是阿!但這一切其實都是...
我們都知道,在 Angular 的樣板中可以使用 *ngIf 語法來決定某段內容是否要呈現,但許多剛入門的 Angular 開發人員很少注意到其實 *ngIf...
本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...
在前兩天介紹 AsyncPipe 時,我們不難發現當進入 RxJS 思維時,搭配 AsyncPipe 可以帶來非常多的好處!雖然透過這種不使用 subscrib...
「原來如此!這樣有比較看得懂了!基本上裝飾器就是決定類別要扮演的角色,中繼資料則是把這個角色需要的資料傳入,然後 Angular 就會幫忙把其他的事情處理好的意...
Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...
「哦哦哦哦!好像又更懂一點了!!」Wayne 點了點頭說。 「有更懂一點就好,也不枉費我講的這麼辛苦。」我喝了口咖啡後說道。 「那我們可以做更複雜一點的應用了吧...
昨天我們稍微提到了 <ng-template> ,並說明了可以把 <ng-template> 當作是一種樣板上等著被呼叫的方法(func...
在做檔案上傳時,想把很醜的 <input type="file"> 換成漂亮的按鈕。 做法:先將 input file 隱藏,接...
本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...
什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時,會有下列的實踐流程 套用轉址設定(讓伺...
在設計 Angular 元件(component)時,可以在程式中針對 Angular 在運作程式時放入不同的 hooks(我們通常稱為 lifecycle h...
「哇賽,這 Angular CLI 還真不是普通地強大耶!!既然它這麼強大,一定還有其他好用的功能吧?!之前每次開新專案之後,Coding 前要用的 ng se...
寫在前面 寫了這一篇好像是在戰框架,還是我跑錯棚? 身為目前使用Angular 前端開發者,我認為Angular是新手入門最難上手的框架沒有之一。 回想起以前看...
現在打開任何一間求職網站,搜尋前端相關職缺,幾乎每間公司的職缺都會在求職條件或加分項目中提到目前的三大框架:React、Vue、Angular;或著也可以到...
Agular: 我爸 Google 啦~React: 我爸 Facebook 啦~Vue: 我爸.... 前言 各位今天我廢話少一點直接上表格~ A...
每日一句來源:Daily English Home is the place where, when you have to go there, they h...
「原來 ng serve 裡有這麼多學問阿?!真是長見識了!!那我們該如何交付我們的程式或是將我們開發出來的程式放到網路上呢?直接把整個專案資料夾放進空間裡嗎?...
將產品發佈到正式環境 最簡單的方法是 ng build 將所有dist/資料夾底下的文件複製一份到伺服器上 如果想順帶設置base href至<ba...
我覺得路由是 Angular 裡很重要的一部分,也是一個初學者比較不容易理解的部分,所以希望透過這七天的小小練習,會讓大家對路由有個初步的認識。 不過分了七天講...
Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...
網路上有很多講 Angular 如何實作上傳功能的文章,但講怎麼做下載功能的卻很少。There are many articles talk about how...
「欸,Leo!滿好玩的耶!!雖然留言板功能很陽春,但寫起來的感覺也很簡單,不像以前寫 jQuery 的時候要寫一堆操作 DOM 的程式碼,然後弄到自己頭昏眼花的...