Angular 4没有在我的子组件中呈现我的ID

Question

我有3个组件，它们是嵌套的。 但是最后一个孩子的ID没有使用id = {{myId}}呈现。 我也试过了[id]=myID。

这样的事情：

祖父：

<app-middle-section #middleSection
                    myTitle="Title" 
                    myID="my_id_creation" >
</app-middle-section> 

父：

<div class="section rounded"> 
    <div class="title">{{myTitle}}</div>
    <app-list #glist
                myID= {{myID}} 
    </app-list>
</div>

儿童

<div class="">
    <div id="{{myID}}" class=""></div>
</div>

修改 如果我在最后一个组件上使用控制台日志，则会打印我的＆＃34; my_id_creation＆＃34;。 对于父亲和孩子，我使用：

@Input() myID: string;

Answer 1

您收到错误了吗？在任何情况下，您的父子组件都需要将这些id定义为输入，具体如下：

@Component({
    selector: 'father-component',
    template: `
        <div class="section rounded"> 
            <div class="title">{{myTitle}}</div>
            <app-list #glist
                [id]="id"
            </app-list>
        </div>
    `
})
export class FatherComponent {
    @Input() id: number;
}