可通过简单样本进行绑定
angular.component("SampleComponent", {
bindings: {
title: '@',
movies: '<',
reservation: "=",
processReservation: "&"
}
});
在这里,我们有所有绑定元素。
@ 表示我们需要一个非常基本的绑定,从父作用域到子作用域,不需要任何观察者。父作用域中的每个更新都将保留在父作用域中,并且子作用域的任何更新都不会传递给父作用域。
< 表示单向绑定。父作用域中的更新将传播到子作用域,但子作用域中的任何更新都不会应用于父作用域。
= 已被称为双向绑定。父范围的每个更新都将应用于子范围,每个子更新都将应用于父范围。
& 现在用于输出绑定。根据组件文档,它应该用于引用父范围方法。而不是操作子范围,只需使用更新的数据调用父方法!