javascript - 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>

child

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

编辑:如果我在最后一个组件上使用控制台日志，它会打印我的“my_id_creation”。对于父亲和 child ，我使用的是:

@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;
}