Build & Conponect

利用 IntelliJ & Angular CLI 建立 angular project Type Script

在 template 用的東西 不要用 <form> 那是另外一個後面章節會講的東西

不要用 <script> 要寫應該寫到 conponent,不要在 template 寫

控制流程,可以判斷是否 顯示、重複 宿主元素

*NgIf *NgFor NgSwitch

NgFor

使用NgFor時,有幾個變數可以用 index first last even (目前的index 是否為偶數筆) odd (目前的index 是否為基數筆)

//使用方式
*ngFor = let item of items

item.first;

---
//參考資料:(https://coryrylan.com/blog/angular-ng-for-syntax)
<ul>
  <li *ngFor="let item of items; let i = index">
    {{i}} {{item}}
  </li>
</ul>

[] 輸出綁定 () 輸入綁定 [()] 雙向綁定 ngModel 雙向綁定

Last updated