在Angular 8中创建每周日历导航可以按照以下步骤进行：

1. 创建一个新的组件，例如WeekCalendarComponent。

2. 在WeekCalendarComponent的HTML模板中，添加一个导航部分和一个展示日历的部分。导航部分可以包含上一周和下一周的按钮，用于导航到前一周或后一周的日历。展示日历的部分可以使用ngFor指令循环遍历每一天，并显示日期。

   
     Previous Week
     Next Week
   
   
   
     
   {{ day }}
   
   

3. 在WeekCalendarComponent的TypeScript文件中，定义一个weekDays数组来存储一周的日期。在ngOnInit方法中，初始化weekDays数组为当前日期所属周的所有日期。

   import { Component, OnInit } from '@angular/core';
   
   @Component({
     selector: 'app-week-calendar',
     templateUrl: './week-calendar.component.html',
     styleUrls: ['./week-calendar.component.css']
   })
   export class WeekCalendarComponent implements OnInit {
     weekDays: string[] = [];
   
     ngOnInit() {
       this.initWeekDays();
     }
   
     initWeekDays() {
       const currentDate = new Date();
       const firstDayOfWeek = new Date(currentDate.setDate(currentDate.getDate() - currentDate.getDay()));
   
       for (let i = 0; i < 7; i++) {
         const day = new Date(firstDayOfWeek);
         day.setDate(firstDayOfWeek.getDate() + i);
         this.weekDays.push(day.toDateString());
       }
     }
   
     previousWeek() {
       // 导航到前一周
     }
   
     nextWeek() {
       // 导航到后一周
     }
   }
   

4. 在previousWeek和nextWeek方法中，更新weekDays数组以导航到前一周或后一周。你可以使用Date对象的setDate方法来增减日期。

   previousWeek() {
     const firstDayOfWeek = new Date(this.weekDays[0]);
     firstDayOfWeek.setDate(firstDayOfWeek.getDate() - 7);
   
     this.weekDays = [];
   
     for (let i = 0; i < 7; i++) {
       const day = new Date(firstDayOfWeek);
       day.setDate(firstDayOfWeek.getDate() + i);
       this.weekDays.push(day.toDateString());
     }
   }
   
   nextWeek() {
     const firstDayOfWeek = new Date(this.weekDays[0]);
     firstDayOfWeek.setDate(firstDayOfWeek.getDate() + 7);
   
     this.weekDays = [];
   
     for (let i = 0; i < 7; i++) {
       const day = new Date(firstDayOfWeek);
       day.setDate(firstDayOfWeek.getDate() + i);
       this.weekDays.push(day.toDateString());
     }
   }
   

5. 在WeekCalendarComponent的CSS文件中，可以添加样式来美化导航和日历的外观。

   .navigation {
     display: flex;
     justify-content: space-between;
   }
   
   .calendar {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
   }
   

6. 在其他需要使用周日历导航的组件中，添加WeekCalendarComponent。

以上就是在Angular 8中创建每周日历导航的解决方法，包含了基本的代码示例。你可以根据自己的需求进行修改和扩展。