angular入門總結

學習angular已經兩周了，簡單的基本知識已經掌握，在學習的過程中遇到很多問題，和大家分享一下~

1.[(ngmodel)]資料雙向繫結，即資料在dom和元件之間是雙向傳遞的，為了實現低耦合實現資料的封裝，通常會引入自定義物件（這些物件往往是為了接受處理後端傳來的資料），在dom中通過 物件.屬性名 的方式得到值

}

export class studentcomponent implements oninit

ngoninit(){}

}

}

執行之後發現報錯，反正就是找不到name和***這兩個屬性...

原因：只是定義了student這個物件，但是沒有建立，需要new一下

2.form表單相關問題

}

忽略**中的頁面布局，formcontrolname會對應由formgroup建立的表單的相同字段，如果adddata中沒有找到和formcontrolname相同的名稱，會報找不到name為該名稱的control

3.路由配置

import from '@angular/rout;

import from './components/student/student.component';

const routes: routes = [

,

,

];

@ngmodule()

新增路由定義，通過不同的url訪問不同的頁面

一般有兩個屬性，path用來匹配url字串，component表示當導航到此路由時，建立哪個元件。

通過加入import中初始化路由 imports: [ routermodule.forroot(routes) ]

新增預設路由

會自動定向到/***x，並自動載入元件

angular入門總結

學習angular已經兩周了，簡單的基本知識已經掌握，在學習的過程中遇到很多問題，和大家分享一下 1.ngmodel 資料雙向繫結，即資料在dom和元件之間是雙向傳遞的，為了實現低耦合實現資料的封裝，通常會引入自定義物件 這些物件往往是為了接受處理後端傳來的資料 在dom中通過 物件.屬性名 的方式...

angular6入門之安裝angular cli

最近聽了大漠老師分享的angular6的講解 附個鏈結大漠老師課程 像是沙漠中發現了綠洲一樣，決定好好學習一番，於是準備開始動手擼起 來。首先需要做些準備安裝angular cli window環境下的安裝 的最新版本。1.由於之前安裝的是angular cli v1的版本，需要解除安裝了，安裝最新...

angular指令總結

ng list ng non bindable ng switch ng readonly ng include ng template angular中有一些不常用，但卻非常有用的指令，如果在開發過程中可以直接使用這些指令，會大大地加快我們的開發效率。ng class 指令用於給 html 元素動...