角度2：组件不会渲染

Question

我在角度2中使用自定义组件，但无法渲染。我无法找出它为什么不渲染。

尝试1：这是使用该组件的html页面（无法正常工作）：

<div class="container-fluid container-content" *ngIf="project">
    <div class="projectdetail" style="background: green">
        <img [src]="project.img" [alt]="project.name" style="height: 150px" />
        <h2>{{project.name}}</h2>
        <div>
            <carousel interval="5000" noWrap="false">
            <slide *ngFor="let slidez of slides; let index=index">
                    <img [src]="slidez.image" class="carouselimg" />
                    <div class="carousel-caption">
                        <h4>Slide {{slidez.id}}</h4>
                        <p>{{slidez.text}}</p>
                    </div>
                </slide>
            </carousel>
        </div>
        <p>{{project.description}}</p>
    </div>
    <!--hidden-mm hidden-sm hidden-xs-->
    <div class="projects" style="background: red">
        qsdfqsdfqsdf
        <projectlist></projectlist>
    </div>     
</div>

截图（没有）

尝试2：当我将projectlist标记放在div中时，实际工作。不可思议？

<div class="container-fluid container-content" *ngIf="project">
    <div class="projectdetail" style="background: green">
        <img [src]="project.img" [alt]="project.name" style="height: 150px" />
        <h2>{{project.name}}</h2>
        <div>
            <carousel interval="5000" noWrap="false">
            <slide *ngFor="let slidez of slides; let index=index">
                    <img [src]="slidez.image" class="carouselimg" />
                    <div class="carousel-caption">
                        <h4>Slide {{slidez.id}}</h4>
                        <p>{{slidez.text}}</p>
                    </div>
                </slide>
            </carousel>
        </div>
        <p>{{project.description}}</p>
<!-- ADDED THIS-->
        <projectlist></projectlist>
    </div>
    <!--hidden-mm hidden-sm hidden-xs-->
    <div class="projects" style="background: red">
        qsdfqsdfqsdf
        <projectlist></projectlist>
    </div>     
</div>

屏幕截图（仅显示一次（第二个项目列表，而不是第一个））

我在其他地方使用该组件并且它实际上正常工作，所以不知道问题是什么。

这是一个github链接：Github

如果您需要额外的信息或代码，请询问。

Answer 1

我调查了一下这个问题，发现问题只发生在chrome浏览器中。

Chrome会从ngOnInit() { setTimeout(() => this.getProjects(), 0); } 发送带有奇怪标题的请求

作为解决方法，您可以通过技巧解决它

<强> projectlist.component.ts

        if (slowo == "Sprzedawca")
        {
            List<OcrRes.word> temp = result.Words.Where(item => item.value.Contains(slowo)).ToList();
            int line = int.Parse(temp.First().line);



            Console.Write(line);
        }