我正在尝试学习角度2,并且我正在尝试使用来自我的子组件的数据在父组件中设置变量 . 基本上我在父视图中有一个子 Headers ,我希望 Headers 和一些HTML根据加载的子项进行更改 .

父组件:

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

@Component({

selector: 'app-parent',

templateUrl: './parent.component.html',

styleUrls: ['./parent.component.scss'],

encapsulation: ViewEncapsulation.None

})

export class ParentComponent {

childDetails: {title: String, helperBar: String};

onChildLoaded(childData: {

childTitle: string,

childHelperBar: string

}) {

this.childDetails ={

title: childData.childTitle,

helperBar: childData.childHelperBar

};

console.log (childDetails);

}

}

子组件:

import { Component, OnInit, ViewEncapsulation, Output, EventEmitter }

from '@angular/core';

@Component({

selector: 'app-first-child',

templateUrl: './first-child.component.html',

styleUrls: ['./first-child.component.scss'],

encapsulation: ViewEncapsulation.None

})

export class FirstChildComponent implements OnInit {

@Output() childLoaded = new EventEmitter

childHelperBar: string}>();

constructor() { }

ngOnInit() {

this.childLoaded.emit({

childTitle: 'Dashboard',

childHelperBar: '

Dash Button

'

});

}

}

最后是我的父HTML:

{{ childDetails.title }}

{{ childDetails.helperBar }}

对于我的生活,我无法使用这种方法,也无法确定我哪里出错了 . 我总是可以把子 Headers 放在我的孩子身上,但我不喜欢重复代码这么多次的想法,这会让我的布局更难实现 .

Java孩子父母类,@Output孩子和父母之间的沟通 . 角2(5)相关推荐

  1. 使用Java的Calendar类计算两段时间之间的工作日的天/小时/分钟/秒数

    计算两段时间之间的工作日的天/小时/分钟/秒数 我们能经常遇到一些需求,让获取工作日的时间(当然,调休也上班也是工作日哈!),之前自己给这搞得头大,所以整理总结,把该工具类记录下来,希望大家能用到的时 ...

  2. 5个中国大陆城市入选QS最佳留学城市榜;只有不到一半的美国父母打算给孩子接种新冠疫苗 | 美通社头条...

    要闻摘要:5个中国大陆城市入选QS最佳留学城市榜.只有不到一半的美国父母打算给孩子接种新冠疫苗.中兴推出新一代屏下摄像头智能手机 Axon 30.多邻国将在纳斯达克上市.天境生物拟在上交所科创板双重上 ...

  3. bigdecimal如何做除法_二胎家庭如何平衡两个孩子的关系?聪明的父母都懂这四个法则...

    治愈系慢综艺<朋友请听好>上段时间一直霸榜热搜. 其中有一集,一位二胎妈妈来电探讨两个孩子的相处问题,引发了网友热议. 弹幕里有人说:"别人家的孩子兄友弟恭,其乐融融,我们家永远 ...

  4. 孩子不愿意去上学让父母揪心无奈

    孩子已经两个星期没有去上学,让父母揪心无奈,对孩子也打骂过,也道歉过,不论怎么样开始说好到时间去上学,但到点了或者抓住门框就是不愿意放手,说自己害怕,说自己肚子痛,说头疼,当闹得父母没有办法,孩子就会 ...

  5. 富人父母都教给孩子什么样的财富思维?

    1.认清金钱的价值和作用,不要否认或忽视它对生活的影响. 2.提高社交能力,学会与不同的人沟通和合作,扩大人脉和资源. 3.理性消费,让钱在流动中产生效益,而不是囤积或浪费. 4.释放自己的欲望,追求 ...

  6. 父母过早对孩子抛弃会给孩子带来无尽的伤害

    因为当初计划生育政策影响,因为家里想重男轻女想要一个男孩传宗接代,在有了女儿后就送给远方的亲戚,作为父母没有谁愿意丢下自己的孩子,随着的年龄的变化,有一天在想女儿,不去家里有条件要回女儿时,却发现女儿 ...

  7. 所谓孩子的起跑线,其实就是父母!

    "不要让孩子输在起跑线上"这句话,点燃了多少父母的焦虑. 很多父母们一度在它的振奋下,开始陪小孩奔波于各种艺术兴趣培训班,孩子的周末被家长排得满满的. "谁家孩子又报什么 ...

  8. 父母如何与孩子做好沟通?如何更好陪伴孩子成长

    在宝宝的成长过程中,父母和宝宝之间的沟通很重要,但也有一些注意事项! 孩子的教育不仅需要学校教育,更需要家庭教育.每个父母都渴望自己的孩子能够成为大人,所以如何做好家庭教育,聪明的父母一定要明白以下几 ...

  9. 大力护眼灯官宣孙俪为代言人,同千万父母一起保护孩子视力健康

    2月22日,大力智能官宣孙俪为大力护眼灯的品牌代言人,今后,孙俪将携手大力护眼灯,同千万父母一起守护孩子的视力健康.大力护眼灯团队选择孙俪为代言人的原因很简单,作为演员,孙俪演绎了多种经典的母亲形象, ...

最新文章

  1. 传统企业应用转型--从0到1的微服务之路
  2. Linux服务名重命名
  3. FD.io/VPP — VPP Agent — 架构设计
  4. java 匿名 异常_JAVA类(内部类、匿名内部类、异常、自定义异常)
  5. 我的做题日志(1),来源:COCI2017,SDOJ
  6. 前端学习(1115):call apply bind的区别
  7. cookies的存值问题
  8. Android doc译文|Building Apps with Content Sharing|Sharing Simple Data
  9. D7控件\dw_cd_VirtualTreeview_v4.5.2\Demos\Advanced---TVirtualStringTree用法
  10. 设计模式之(Composite)组合模式
  11. c++ pdflib 生成中文内容
  12. hiberfil.sys和swapfile.sys文件的删除
  13. 更新Windows 11后,桌面狂闪,没有显示图标,鼠标指针一直在加载中,如何解决?
  14. 【GCN-RS-Defence】GCN-Based User Representation Learning for Unifying Robust Recommendation and Frauds
  15. 计算机教育中缺失的一课 - MIT - L5 - 命令行环境
  16. 深度学习高手该怎样炼成?这位拿下阿里天池大赛冠军的中科院博士为你规划了一份专业成长路径
  17. c学习笔记 文件输入/ 输出 20210314
  18. 二值图像与灰度图像的区别
  19. 多模态自编码器从EEG信号预测fNIRS静息态
  20. 短视频运营课程怎么样

热门文章

  1. 异步预热在线视频实现
  2. 在CentOS 6.2上搭建vim开发环境
  3. Blender未来科幻武器全流程制作视频教程
  4. 【POJ1509】Glass Beads 【后缀自动机】
  5. tensorflow在训练和验证时监视不同的summary的操作
  6. promise实现多个请求并行串行执行
  7. python读取文件
  8. 【转】UIColor对颜色的自定义
  9. Error: Most middleware (like bodyParser) ...
  10. 在存储过程中如何实现将ID列表字符串传入IN()