前言:

在專案中接觸Angular已經2周時間了,真是一路迷茫中啊,之前沒有接觸過Angular,不知從何開始,只是在專案中摸索著,現在頁面介面基本調通了,我才真正理解到,如何更好的學習一個新的知識.如何更好的接手一個專案.一切都是從基礎而來的.今天這篇部落格主要講解一個基本知識-資料繫結.

核心:

Angular支援資料繫結,一種讓模板的各部分與元件的各部分相互合作的機制.什麼是模板呢?模板是以HTML形式存在,告訴Angular如何渲染元件,多數情況下,模板看起來很像標準的HTML,我們可以先這樣理解.

<li>{{people.name}}</li>
<people-detail [hero]="selectedPeople"></hero-detail>
<li (click)="selectPeople(people)"></li>

• ()屬於事件繫結
• []屬性繫結
• {{}}插值表示式,顯示元件的值
• [()]雙向繫結:資料屬性值通過屬性繫結從元件流到輸入框。使用者的修改通過事件繫結流回元件，把屬性值設定為最新的值。

知道了基本的事件繫結,那麼你才能觸發事件,進行書寫ts事件.

學習一個新的東西要找它的官網,從瞭解它開始.

總結:

在以後的專案中繼續總結前端知識,感謝讀者的閱讀!