可通過簡單樣本進行繫結
angular.component("SampleComponent", {
bindings: {
title: '@',
movies: '<',
reservation: "=",
processReservation: "&"
}
});
在這裡,我們有所有繫結元素。
@ 表示我們需要一個非常基本的繫結,從父作用域到子作用域,不需要任何觀察者。父作用域中的每個更新都將保留在父作用域中,並且子作用域的任何更新都不會傳遞給父作用域。
< 表示單向繫結。父作用域中的更新將傳播到子作用域,但子作用域中的任何更新都不會應用於父作用域。
= 已被稱為雙向繫結。父範圍的每個更新都將應用於子範圍,每個子更新都將應用於父範圍。
& 現在用於輸出繫結。根據元件文件,它應該用於引用父範圍方法。而不是操作子範圍,只需使用更新的資料呼叫父方法!