angular8 - 使用我的页面 gestion-projet 删除页眉和页脚

Question

我想在我的页面 gestion-projet 中删除页眉、页脚和预加载器我在我的代码中使用位置但它不起作用我在注入 id 时出现错误什么是好的语法？

app.component.html

    <app-preloader *ngIf="!(location == '/auth'|| location=='/dashbord'|| location == '/gestion-employee' 
        || location =='/update-projet/:id')"></app-preloader>
       <app-header *ngIf="!(location == '/update-projet/:id' || location == '/coming-soon' || location == 
       '/gestion-employee' ||  location == '/not-found' || location =='/auth' ||location=='/dashbord')"> 
       </app-header>
        <router-outlet></router-outlet>
         <app-footer *ngIf="!(location == '/update-projet/:id' || location == '/coming-soon' || location == 
         '/gestion-employee' || location == '/not-found' || location == '/auth'|| location=='/dashbord')"> 
        </app-footer>

标签： angular8

Answer 1

最好在ts文件中进行这种操作。重新编译模板时，它将很容易调试并且更少的工作量。

还考虑以下示例

if (a != b || c != d)

如果您想将否定作为常见的，那么您||应该必须转换为&&

喜欢

if (!( a == b && c == d))

我认为你在这里做错了。

你可以做到这一点就像

showPreloader = !(location == '/auth' && location=='/dashbord' && location == '/gestion-employee') && location.indexOf('/update-projet/') > -1);

showHeaderFooter = !(location.indexOf('/update-projet/') > -1 && location == '/coming-soon' && location == '/gestion-employee' &&  location == '/not-found' && location =='/auth' && location=='/dashbord')

那么你的模板会变成这样

<app-preloader *ngIf="showPreloader"></app-preloader>
<app-header *ngIf="showHeaderFooter"></app-header>
<router-outlet></router-outlet>
<app-footer *ngIf="showHeaderFooter"></app-footer>

还要确保在每次路由更改后更新这些布尔值