1,使用
ng g c hello
建立乙個新的元件
它建立了4個檔案，並更新了
如果想訪問這個元件，只需要新增它的路由
成功訪問這個元件
import語句定義了我們需要用到的哪些模組，
import
語句的結構
import from wherever.
這種寫法叫解構。解構是
es6和
typescript
提供的一項新特性。
angular
本身是用
typescript
寫成的，
typescript
檔案的字尾是
.ts。瀏覽器不知道如何解釋
typescript
檔案，我們執行
ng serve
命令的時候，會自動把
ts檔案編譯為
js檔案。
@component
，angular
依賴注入技術，使用註解概念。 註解其實是讓編譯器為**新增功能的途徑。
新增template,我們有兩種定義模板的方式，一是使用
templateurl
在指定的
html
中寫，當
angular
載入元件時，會讀取
hello.component.html
中的內容作為元件的模板，另一種就是下面的這種，使用反引號（
`......`
）定義template
字串。這是
es6的新特性，允許使用多行字串，可以輕鬆的把模板放在**中。
// 有人認為把**和模板分開更好，個人認為使用時視情況，如果模板行數少於一頁放在
ts檔案中可以同時看到邏輯和檢視部分，缺點是，檢視和**內聯，很多編輯器不支援對模板字串內
html
語法的高亮顯示。隨個人喜好吧。
這四個檔案，spec.ts為測試檔案，可以不用管，元件中的
css檔案只作用於元件本身，
元件的復用：如果想要在重新整理瀏覽器的時候就看到我們的hello元件，就在
中把hello
元件的selector
的內容作為乙個標籤，新增到即將渲染的模板中，就能看到
hello
元件中的內容。
把資料新增到元件中：新建乙個元件 ng g c user-item 再把
標籤新增到
中，以便看到改動，
定義乙個string型別的
name
屬性，通過建構函式給
name
賦值，在
html
中通過雙花括號取值，｛｛｝｝這是新的語法，叫模板標籤。模板標籤中的任何東西都會被當做乙個表達示來展開。
Angular 2的元件樣式
使用styles在元資料中指定樣式 在定義component時可以通過styles欄位指定樣式，styles接受乙個字串陣列，但是通常我們只指定乙個字串就夠了。如下 selector my list template styles ul li export class itemcomponent,這...
angular2新建的專案上傳github
前提 1 git配置好，參見博文 git常用操作 2 angular2安裝配置好，這個網上有很多教程，就不多說了,參見angular2快速起步 需要注意的是，大部分問題都是網路問題。3 新建乙個ng專案 假設在乙個目錄 document angular2 目錄下 3.1 新建乙個terminal視窗...
angular2分頁元件
page.component.ts 分頁元件定義 import from angular core import from pagination component export class pagecomponent implements docheck public prepage void p...