未显示自定义属性事件input()值

Question

下面是我的父组件代码。我正试图从自定义绑定组件到应用程序组件。但我无法得到来自父组件的值。我的父组件是自定义绑定和子组件是appcomponent。

import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-customebinding',
templateUrl: './customebinding.component.html',
styleUrls: ['./customebinding.component.scss']
})
export class CustomebindingComponent implements OnInit {
name="ramu";
constructor() { }
ngOnInit() {
}
}
html code is
<app-root [recieveName]="name"></app-root>

下面是我的子组件。

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
@Input() recieveName:string;
}
html code is
recieve name is {{ recieveName }}

有人能告诉我哪里出了错吗。

Answer 1

如果您正在引导AppComponent，则您的AppComponent不能是子组件。请尝试交换子关系和父关系并绑定@Input()属性

希望这有帮助-快乐编码：(

Answer 2

应用程序根组件需要是根组件。所以这应该是顶级组件。所有的东西都在这个组件内部，而不是相反。