iT邦幫忙

angular2相關文章
共有 123 則文章
鐵人賽 Modern Web DAY 2

技術 [Angular] Day2. Angular CLI

大家都說"工欲善其事必先利其器",在我們發開 Angluar 時,必需了解一個非常好用的工具, "Angular CLI&quot...

鐵人賽 Modern Web DAY 26

技術 [Angular] Day26. Reactive forms (二)

上一篇中介紹了如何使用 FormControl 建立單個表單控制元件,也介紹了如何使用 FormGroup 將多個相關控制元件分組到單個輸入表單中,可以讓複雜的...

鐵人賽 Modern Web

技術 [Angular] Day33. Communicating with backend services using HTTP

在現代的網頁中絕大部分會需要與 server 互相溝通,無論是從 server 獲取商品的資料用於顯示在畫面中,還是畫面中的設定要儲存回 server 的設定都...

鐵人賽 Modern Web DAY 5

技術 [Angular] Day5. Lifecycle hooks

在 Angular 的 Component 中有一個生命週期,當 Angular 實例化這個 Component 並且把它或他的 sub-component 呈...

鐵人賽 Modern Web DAY 25

技術 [Angular Firebase 入門與實做] Day-24 Progressive Web App with Firebase 2

每日一句來源:Daily English No spring nor summer beauty hath such grace, as I have see...

鐵人賽 Modern Web DAY 8

技術 [Angular] Day8. Templates and Text interpolation

前幾天大概講完了 Angular 的 Component 的基本功能與介紹,在很多例子中可以看到在 component.html 中使用了滿多沒看過的語法,比如...

鐵人賽 Modern Web DAY 11

技術 [ASP.NET Core X Angular2] Web api and Http Module (2)

Introduction We will continue completing the front-end of Day 10 - Web api and...

鐵人賽 Modern Web DAY 20

技術 [Angular] Day20. Angular Routing

在現代網頁中常會使用一種稱為 single page application(SPA)的技術,可以通過顯示或隱藏特定的 component 來更改用戶看到的畫面...

鐵人賽 Modern Web DAY 17

技術 [Angular] Day17. Dynamic component loader

介紹完什麼是 template 與 structuarl directive 後,接著回來介紹 component 中被跳過的章節,那就是動態仔入 compon...

鐵人賽 Modern Web

技術 [Angular] Day32. Lazy-loading feature modules

在默認情況下 NgModules 都是急切加載的,這意味著一但應用程式加載,所有的 NgModules 無論是否需要都會被載入,但對於許多大型的應用程式而言可以...

鐵人賽 Modern Web DAY 22

技術 [Angular] Day22. Common Routing Tasks(二)

在上一篇中介紹了如何透過 router 傳遞參數,也介紹了怎麼建立嵌套的 route 等等,在本篇中要繼續介紹 Angular route 的其他好用的用法與功...

鐵人賽 Modern Web DAY 11

技術 [Angular] Day11. Attribute, class, and style bindings and Two-way binding

在上一張中介紹了 property binding 是用來將 Component 中的 property 綁定給 HTML Tag 的 property,還介紹...

鐵人賽 Modern Web DAY 7

技術 [Angular] Day7. Content projection

本章節將要介紹如何使用 ng-content 將一個 Component 的內容投影到另一個 Component 中,創建靈活且可被重複使用的 Componen...

鐵人賽 Modern Web

技術 [Angular] Day31. Angular Module(二)

在上一篇中介紹了 Angular 中 Module 的一部分,接著要繼續介紹還沒講完的部分,那就往下看吧 Entry components 在上一張的 Ng...

鐵人賽 Modern Web DAY 13

技術 [Angular] Day13. Built-in directives - attribute

在介紹完 component 與 template 後,接著要來介紹什麼是 dierctive,可能在前面的章節中多多少少都有提到,但是可能都沒有詳細的講解過,...

鐵人賽 Modern Web DAY 8

技術 [ASP.NET Core X Angular2] Pipes

Introduction In this article, we will learn how to create custom pipe. Environm...

鐵人賽 Modern Web DAY 25

技術 [Angular] Day25. Reactive forms (一)

上一篇中介紹完 Template-driven forms 後,接著再介紹 Angular 的另一種 form,那就是 Reactive forms,它提供了一...

鐵人賽 Modern Web DAY 4

技術 [Angular] Day4. Component

講完前面幾張比較偏向原理與不常使用到的章節後,從這章節開始會介紹比較實際運用的東西。 就像在 Day1 所提到的,Angular app 是由無數個大大小小的...

技術 Angular 環境(environment.ts)設定

給自己看的筆記XD 預設會有兩個檔案environment.tsenvironment.prod.ts 平時在本機建置時(ng s)讀取的會是environme...

鐵人賽 Modern Web DAY 20

技術 [Angular Firebase 入門與實做] Day-19 Cloud Functions Cloud Storage Triggers 03 修正聊天室顯示功能

每日一句來源:Daily English A great secret of success is to go through life as a man w...

鐵人賽 Modern Web DAY 30

技術 [Angular] Day30. Angular Module(一)

在 Angular 中應用程式是模塊化的,Angular 有自己的模塊化系統稱為 NgModule,他可以包含 component、service provid...

鐵人賽 Modern Web DAY 24

技術 [Angular] Day24. Template-driven forms

在上一篇中提到了 Angular 中的兩種不同的 Form,介紹了他們在使用上以及細節上的不同,接著在本篇中將會著重介紹 Template-driven for...

鐵人賽 Modern Web DAY 14

技術 [Angular] Day14. Built-in directives - structural

在上一章中介紹了 attribute directive 的用法,接著要來介紹另一種 Angular 中內建的 directive 那就是 sturctural...

技術 Angular2+ 佈署到IIS上遇到的問題

紀錄一下遇到的問題 路由 狀況:路由之間的切換都沒問題,但直接輸入位置(如 localhost:4200/index ) 就會跳錯誤(找不到資源) 解法:參...

鐵人賽 Modern Web DAY 21

技術 [Angular] Day21. Common Routing Tasks (一)

上一張介紹完什麼是 router 與他的基本用法之後,接著要來繼續介紹 Angular router 的其他一些比較詳細的細節與用法,那就接著看下去吧! W...

鐵人賽 Modern Web DAY 1

技術 與零經驗者的白話對談 - Day(00) 關於這系列

「白話對談」希望能以對談般清楚簡單地言語解釋繁瑣的概念與名詞,並且能讓你從這30天的對談中感到點趣味。 前言 一個人從零開始,一點點地從無開始寫出一個網站是...

鐵人賽 Modern Web DAY 15

技術 [Angular] Day15. Attribute directives

在前幾天中有介紹了 Angular 中內建的一些 attribute directive,但是在實際開發專案時可能會遇到內建 attribute directi...

鐵人賽 自我挑戰組 DAY 14

技術 Angular-介紹(Day14)

好的,在我們結束Spring Boot API的架設後,再來我們要開始進入前端框架-Angular的世界了,在目前這個傾向前後分離的開發模式之下,等於說身為一名...

鐵人賽 Modern Web DAY 18

技術 [Angular] Day18. Introduction to services and dependency injection

在開發專案時你一定會使用到 Service 的技巧,Service 是一個廣泛的類別,包括 app 所需要的任何功能、數據或特性,而通常一個 service 是...

鐵人賽 自我挑戰組 DAY 15

技術 Angular-開發工具&安裝AngularCLI(Day15)

開發工具我們選擇Visual Studio Code VSC下載 請幫我點選上面的連結下載 Visual Studio Code Visual Studio C...