Question

下面是我的父组件代码。我正在尝试从中获取数据自定义绑定组件到应用程序组件。但我无法得到来自父组件的值。我的父母是 customebinding和子组件是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

App-root组件需要是根目录。因此，这应该是顶级组件。一切都在该组件内部，而不是相反。

自定义属性事件input（）值未显示

2 个答案: