可通过简单样本进行绑定

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

在这里,我们有所有绑定元素。

@ 表示我们需要一个非常基本的绑定,从父作用域到子作用域,不需要任何观察者。父作用域中的每个更新都将保留在父作用域中,并且子作用域的任何更新都不会传递给父作用域。

< 表示单向绑定。父作用域中的更新将传播到子作用域,但子作用域中的任何更新都不会应用于父作用域。

= 已被称为双向绑定。父范围的每个更新都将应用于子范围,每个子更新都将应用于父范围。

现在用于输出绑定。根据组件文档,它应该用于引用父范围方法。而不是操作子范围,只需使用更新的数据调用父方法!