可通過簡單樣本進行繫結

angular.component("SampleComponent", {
  bindings: {
     title: '@',
     movies: '<',
     reservation: "=",
     processReservation: "&"
  }
});

在這裡,我們有所有繫結元素。

@ 表示我們需要一個非常基本的繫結,從父作用域到子作用域,不需要任何觀察者。父作用域中的每個更新都將保留在父作用域中,並且子作用域的任何更新都不會傳遞給父作用域。

< 表示單向繫結。父作用域中的更新將傳播到子作用域,但子作用域中的任何更新都不會應用於父作用域。

= 已被稱為雙向繫結。父範圍的每個更新都將應用於子範圍,每個子更新都將應用於父範圍。

現在用於輸出繫結。根據元件文件,它應該用於引用父範圍方法。而不是操作子範圍,只需使用更新的資料呼叫父方法!