angular中父组件给子组件传值-@input
2024-08-27 06:37:25
1. 父组件调用子组件的时候传入数据
<app-header [msg]="msg"></app-header>
2. 子组件引入 Input 模块
import { Component, OnInit ,Input } from '@angular/core';
3. 子组件中 @Input 接收父组件传过来的数据
export class HeaderComponent implements OnInit {
@Input() msg:string
constructor() { }
ngOnInit() {
}
}
4. 子组件中使用父组件的数据
h2>这是头部组件--{{msg}}</h2>
注意:不要在app跟组件里演示,会报错
最新文章
- Vue - 过滤器
- hdu 2039 三角形
- 插件~NuGet与packages管理项目的包包
- docker containerd中的容器操作
- LaTeX中无法显示中文问题
- 浅谈Linux下的五种I/O模型
- .NET 托管堆和垃圾回收
- Demo Swig
- Java 反射机制分析指南
- Java EE (10) - 资源服务器的整合
- VB6之多维数组中元素在内存中的排列情况
- crontabs linux定时任务功能安装
- iOS CocoaPods一些特别的用法 指定版本、版本介绍、忽略警告
- pdf如何转换为word文档
- 仓储模式Repository的选择与设计
- Tools - VirtualBox的使用方法和技巧
- android之csv导出
- 第四次Scrum meeting
- Win7 64bit 安装VisualSVN出现报错:Servic &;#39;VisualSVN Server&;#39; failed to start.解决的方法
- 27-x的y次方的后三位数