为了账号安全,请及时绑定邮箱和手机立即绑定

angular 怎么样在组件模板中输出子组件(以获取到子组件对象)

angular 怎么样在组件模板中输出子组件(以获取到子组件对象)

GCT1015 2019-05-10 11:37:19
问题描述我现在需要控制子组件的显示方式,目前已经获取到子组件component的对象实例,但是我怎么把这个对象显示在父组件的模板中呢?问题出现的环境背景及自己尝试过哪些方法这样不得行相关代码import{Component,OnInit,ViewContainerRef,TemplateRef,ContentChildren,AfterViewInit}from'@angular/core';import{ISelectItem}from'./item-interface';@Component({selector:'zzj-table-tool-select',templateUrl:'./table-tool-select.component.html',styleUrls:['./table-tool-select.component.scss']})exportclassTableToolSelectComponentimplementsOnInit,AfterViewInit{children:ISelectItem[]=[];@ContentChildren('child')child;constructor(){}ngOnInit(){}publicaddItem(item:ISelectItem){this.children.push(item);}ngAfterViewInit(){console.log('--------');console.log(this.child)}}
查看完整描述

2 回答

?
慕神8447489

TA贡献1780条经验 获得超1个赞

语法糖:
直接引用子组件类,不用类实例。
看下官网
                            
查看完整回答
反对 回复 2019-05-10
?
慕斯709654

TA贡献1840条经验 获得超5个赞

ng-content不对啊,你没输出怎么获取的实例?还是说你只写了
@ContentChildren('child')child;
但模板中没有与之对应的代码?这样是获取不到实例的
                            
查看完整回答
反对 回复 2019-05-10
  • 2 回答
  • 0 关注
  • 1287 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号