时间戳

首页 > 解决方案 > 仅在第一页上的图像 - Angular

html - 仅在第一页上的图像 - Angular

问题描述

我是 Angular 编程的新手。我有一个小的 Angular 应用程序。在我的 app.component.html 我有：

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>.

我只想在第一页上有一个图像（在 localhost:4200 上加载），如下所示：

页眉
图像
页脚

我尝试<img src="../../assets/firstpageimage.png" height="500px" width="600px">在 app.component.html 中设置，但之后我的所有组件上都有这个图像。index.html 的情况完全一样。

我必须在哪里设置 img 标签才能只出现在第一个..root 页面上？

标签： htmlangularimage

解决方案

我找到了解决方案！

我的 app.component.html 是：

<div class="container-fluid">

  <br/>
  <app-header></app-header>
  <div style="text-align: center;" >
    <img src="../../assets/firstpageimg.png" height="500px" width="600px" *ngIf="(router.url==='/')">
  </div>
  <router-outlet></router-outlet>
  <app-footer></app-footer>


</div>

推荐阅读