Angular @input 属性以感叹号结尾

### Angular中的@Input属性和感叹号结尾

typescript
// 子组件
import { Component, Input } from '@angular/core';
@Component({
  selector: 'app-child',
  template: `
    
{{ message }}
  `
})
export class ChildComponent {
  @Input() message!: string; // 使用感叹号表示message属性必须要在父组件中进行赋值
}

typescript
// 父组件
import { Component } from '@angular/core';
@Component({
  selector: 'app-parent',
  template: `
    
  `
})
export class ParentComponent {
  parentMessage = 'Hello from parent!'; // 父组件中的属性值
}

typescript
@Input() message!: string;