[英]How to create nested components in Angular 4?
我创建了一个名为“父级和子级”的组件。 我想将ChildComponent的所有UI显示给我的ParentComponent。
child.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-child',
templateUrl: './child.component.html',
styleUrls: ['./child.component.scss']
})
export class ChildComponent implements OnInit {
testContent = 'child component content...';
constructor() { }
ngOnInit() {
}
}
child.component.html
<p>{{testContent}}</p>
parent.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-admin',
templateUrl: './admin.component.html',
styleUrls: ['./admin.component.scss'],
directives: [ChildComponent]
})
export class AdminComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
parent.component.html
<div>
Lorem ipsum
<app-child></app-child>
</div>
我想在父组件中显示子组件的内容。 但是,我在Angular 4中遇到错误
“对象文字只能指定已知的属性,并且'指令'在'组件'类型中不存在。”
您是否知道添加子组件的替代属性是什么?
从父组件中删除指令,并将子组件添加到父组件所在的模块声明数组中。
自角度RC6起, @component
中的指令和管道已弃用。 只需将其从组件中删除。
@Component({
selector: 'app-admin',
templateUrl: './admin.component.html',
styleUrls: ['./admin.component.scss']
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.