angularjs组件绑定参数检查

// 父组件
@Component({
  selector: 'parent-component',
  template: `
    <child-component [param]="myParam"></child-component>
  `
})
export class ParentComponent {
  myParam: string = 'example';
}

// 子组件
@Component({
  selector: 'child-component',
  template: `
    <p>{{ param }}</p>
  `
})
export class ChildComponent {
  private _param: string;

  @Input()
  set param(value: string) {
    // 参数检查逻辑
    if (value) {
      this._param = value;
    } else {
      this._param = 'default';
    }
  }

  get param(): string {
    return this._param;
  }
}

// 子组件
@Component({
  selector: 'child-component',
  template: `
    <button (click)="onClick()">Click me</button>
  `
})
export class ChildComponent {
  @Output() paramChanged: EventEmitter<string> = new EventEmitter<string>();

  onClick(): void {
    const param: string = 'example';
    // 参数检查逻辑
    if (param) {
      this.paramChanged.emit(param);
    } else {
      this.paramChanged.emit('default');
    }
  }
}

// 父组件
@Component({
  selector: 'parent-component',
  template: `
    <child-component (paramChanged)="onParamChanged($event)"></child-component>
  `
})
export class ParentComponent {
  onParamChanged(param: string): void {
    // 参数检查逻辑
    console.log(param);
  }
}