iT邦幫忙

angular相關文章
共有 941 則文章
鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 1

技術 Angular 深入淺出三十天:表單與測試 Day01 - 前言

何謂表單? 維基百科是這樣說的: 表單是一種帶有空格可用於書寫以及能選擇和勾選相似內容的文件。 表單可用於填寫聲明、請求、命令、支票、稅單。 網頁...

鐵人賽 Modern Web DAY 20

技術 [Angular] Day20. Angular Routing

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

鐵人賽 Modern Web DAY 19

技術 [Angular] Day19. Dependency providers

在上一篇中提到了如何建立與使用一個 Service,也大概介紹了什麼是 Dependency Injection,在介紹使用 @Injectable() 裝飾...

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 17

技術 [Angular] Day17. Dynamic component loader

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

鐵人賽 Modern Web DAY 16

技術 [Angular] Day16. Writing structural directives

在上一章中介紹了如何建立客製化的 attribute directive 與使用,而本章將會介紹如何建立 structural directives,那就接著往...

鐵人賽 Modern Web DAY 15

技術 [Angular] Day15. Attribute directives

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 12

技術 [Angular] Day12. Template variables

Template variable 可以讓你在 template 的任意一處使用被標記過的 HTML 元件的數據,例如響應使用者的輸入或微調應用程序的表單,簡單...

鐵人賽 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 10

技術 [Angular] Day10. Property binding and Event binding

本篇中將介紹 Angular 的 property binding 與 event binding,property binding 可以讓你設置 HTML T...

鐵人賽 Modern Web DAY 9

技術 [Angular] Day9. Transforming Data Using Pipes

在上一章中介紹了如何在 template 中插入 component 的變量,而本章節要介紹如何使用 angular 的 pipes 來轉換插入的值(字串、貨幣...

鐵人賽 Modern Web DAY 8

技術 [Angular] Day8. Templates and Text interpolation

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

鐵人賽 Modern Web DAY 7

技術 [Angular] Day7. Content projection

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 6

技術 [Angular] Day6. Sharing data between child and parent directives and components

我們了解到 Angular app 是由無數個大大小小的 Component 所組成的,所以就會常常需要使用將 Component 嵌套,一個大個 Compon...

鐵人賽 Modern Web DAY 5

技術 [Angular] Day5. Lifecycle hooks

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

鐵人賽 Modern Web DAY 4

技術 [Angular] Day4. Component

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

鐵人賽 Modern Web DAY 3

技術 [Angular] Day3. angular.json

在上一篇中介紹了什麼是 Angular CLI 與他可以提供許多方便功能,不過只是大概介紹他的用法與他是什麼,要實際暸解到他背後的運行邏輯其實是滿複雜的,這邊就...

鐵人賽 Modern Web DAY 2

技術 [Angular] Day2. Angular CLI

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

鐵人賽 Modern Web DAY 1

技術 [Angular] Day1. 認識 Angular

在2020年9月,我正式的從韌體工程師轉職成為一位前端工程師,在自學前端的時候我是選擇了 React 這個 Javascript 框架,做了幾個作品後投履歷面試...

技術 面向前端的CDN解決方案! 全框架皆可使用

面向前端的CDN解決方案! 前陣子想在Angular的專案下套用CDN機制過去我都是使用 webpack publicPath 來達成但使用Angular我不...

徵才 【鼎新電腦】Angular/ Java 研發工程師(台中) 招募中!

【平臺研發中心】Angular/Java 研發工程師(台中) |職務說明|1、與團隊合作,開發Web端開發平台,提供全公司SaaS產品使用2、參與前後端技術方案...

技術 Angular#5 專案:路由 登入系統>>首頁

Angular [目標] 進入系統>>登入>>首頁 1. VSCode 撰寫 appapp.module.ts impor...

技術 Angular#4 專案:路由 建置

Angular [目標] 啟動程式先導入Login元件 1. 新增元件、模組 Syntax:ng help可以查詢 ng generate compo...

技術 Angular#3 資料結構 (可略過)

Angular [目標] 了解 Angular資料結構 .Component 元件 安裝 ng generate component [compon...