如何定义角度组件中的参数?

你正在寻找 @Input 室内装修设计师

export class ModalComponent implements OnInit {
  @Input()
  darkUnderneath: boolean = false;
  // ...
}

在Angular中,当您想将数据从子组件传递给父组件时,需要使用@Output()装饰器和EventEmitter。然而,你的问题似乎有点混乱。如果要将数据从父组件传递到子组件,可以使用@Input()装饰器,而不是@Output()。

为了澄清这两种情况,以下是使用@Input()和@Output()装饰器在子组件和父组件之间传递数据的正确方法:

将数据从父级传递给子级(使用@Input()): 父组件(Parent.Component.ts):

从“@angular/core”导入{Component};

@Component({
  selector: 'app-parent',
  template: '<app-child [dataFromParent]="data"></app-child>',
})
export class ParentComponent {
  data: string = "Data from Parent";
}

子组件(Child.Component.ts):

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '<p>{{ dataFromParent }}</p>',
})
export class ChildComponent {
  @Input() dataFromParent: string;
}

我希望它能帮助你清楚地理解