angular - Angular で安全なナビゲーションを使用してデータ全体を渡す

Question

特定のビューを表示するかどうかに project(data) を渡しています。ただし、ページを更新するとページが破棄されます。このdivは機能し<p class="admin">{{ project?.name }}</p>ます。ただし、以下のコードでは、更新をクリックするとエラーが発生します。更新をクリックすると、未定義のプロパティ 'material_projects' を読み取ることができないというエラーが表示されます。これで安全なナビゲーションとして渡すにはどうすればよいですか*ngIf="getProjectType(projects) === 'mat_exist'"

<p *ngIf="getProjectType(projects) === 'mat_exist'">
      <ngb-alert type="success">
        You Already Have An Existing Material/s On This Project. <br>
        You Can Add More Material/s Below.
      </ngb-alert>
    </p>
    <p *ngIf="getProjectType(projects) === 'service_exist'">
      <ngb-alert  type="info">
        You Already Have An Existing Service/s On This Project. <br>
        You Can Add More Service/s Below.
      </ngb-alert>
    </p>

TS

 ngOnInit() {
        this.route.params 
          .subscribe((params: Params) => { 
          this.id = +params['id']; 
          this.projectsService = this.injector.get(ProjectsService);
          this.projectsService.getProject(this.id)
          .subscribe(
              (data:any) => {
                this.projects = data;
                console.log(data);

              },
              error => {
                alert("ERROR");
              })
          }); 
}

TS

public getProjectType(project): 'mat_exist' | 'mat_new' | 'service_exist' | null {
        return project.material_projects.length > 0 ? 'mat_exist'
            : project.project_services.length > 0 ? 'service_exist'
            : null;
    }