[(selection)] 是 Angular 的双向绑定语法,它结合了方括号和圆括号语法,使得组件和模板之间的数据绑定更为简单。以下是一个示例:
在组件中:
import { Component } from '@angular/core';
@Component({
  selector: 'app-example',
  template: `
    {{title}}
    
    Your name is {{name}}
  `
})
export class ExampleComponent {
  title = 'Hello, Angular!';
  name = '';
}
在模板中:
 
当用户在输入框中输入名字时,name 属性将自动更新,同时将输入框显示的值与 name 属性值同步更新。这样我们就可以同时更新数据源和视图,从而实现双向绑定。