angular子组件个父组件传值

在Angular中，子组件可以通过@Input装饰器接收父组件传递过来的值。首先，在父组件中，我们需要使用export关键字将要传递的值暴露出来。例如，在父组件中定义了一个title属性和一个run方法，我们可以将它们传递给子组件。在父组件的模板中，使用方括号语法将这些值传递给子组件。例如，使用\[title\]="title"和\[run\]="run"将title和run传递给子组件。在子组件中，我们需要导入Input装饰器，并使用@Input装饰器来接收父组件传递过来的值。例如，在子组件的类中，使用@Input()装饰器来接收父组件传递过来的title和run值。然后，我们可以在子组件的模板中使用这些值。例如，使用{{title}}来显示title的值，并使用(click)="run()"来调用run方法。这样，子组件就可以接收并使用父组件传递过来的值了。\[1\]

另外，如果想在子组件中调用父组件的方法，可以在子组件中定义一个方法，并在该方法中调用父组件传递过来的方法。首先，在子组件中使用@Input装饰器接收父组件传递过来的方法。例如，在子组件的类中，使用@Input()装饰器来接收父组件传递过来的getDataFromChild方法。然后，在子组件中定义一个方法，例如sendParent方法，通过调用getDataFromChild方法来调用父组件的方法。这样，子组件就可以调用父组件的方法了。\[2\]\[3\]
#### 引用[.reference_title]
- *1* [angular组件传值](https://blog.csdn.net/m0_61260987/article/details/127222400)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Angular子组件传值给父组件](https://blog.csdn.net/qq_43579525/article/details/83935694)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]