老莫的笔记本  
  
查看: 1239|回复: 0

父子组件【主从组件】

[复制链接]

662

主题

878

帖子

5145

积分

超级版主

Rank: 8Rank: 8

积分
5145
发表于 2018-4-19 17:28:11 | 显示全部楼层 |阅读模式
本帖最后由 周大胖子 于 2018-4-20 09:14 编辑

        第一步:父组件调用子组件的时候,给子组件传值
               
                例如:父组件是new【里面的属性为msg】  
                      子组件是 header  在news的html文件中这么写:
                                <app-header [msg]="msg"></app-header>
        
        第二步:在子组件的.ts文件里引入Input模块;

                import { Component, OnInit, Input } from '@angular/core
        第三步:在子组件的.ts文件中  @Input 接收父组件传过来的数据
               
                第一种写法  @Input() str:'str';    //我擦 为什么教程里不加引号可以 而我这就必须加引号?
                第二种写法  @Input() str;        //很明显 哥TM喜欢这个


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表