Kann nicht Eigentum von undefinierten lesen Winkel 2

Question

Hier ist meine Detailansicht Komponente

import {Component,Input,Output,EventEmitter,OnInit} from "@angular/core"; 
import { Router, ActivatedRoute, Params } from '@angular/router'; 

import {TypeService} from './type.service' 

import { PropertyTypes } from './type'; 

@Component({ 
    selector:'property-type-view', 
    template:` 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <a [routerLink]="['../']" 
        class="btn btn-success"> 
        <i class="fa fa-list" aria-hidden="true"></i> 
       </a> 
       <span class="title"> 

       </span> 
      </div> 
      <div class="panel-body"> 
       <div class="row"> 
        {{(PropType | json).name}} 
       </div> 
      </div> 
     </div> 
    `, 
    styles:[` 
     .panel-default>.panel-heading>.title 
     { 
      color: #663663; 
      font-family: Arial, Helvetica, sans-serif; 
      font-size: 250%; 
     } 
     .panel-default>.panel-heading>.btn 
     { 
      position: relative; 
      top: -5px; 
      margin-left:5px; 
     } 

    `] 
}) 

export class TypeViewComponent implements OnInit{ 

    constructor(
    private route: ActivatedRoute, 
    private router: Router, 
    private service: TypeService) {} 

    errorMessage: string; 

    private PropType: PropertyTypes[]; 

    ngOnInit() 
    { 
     // (+) converts string 'id' to a number 
     let id = +this.route.snapshot.params['id']; 
     this.service.getPropType(id).subscribe(
         PropType => this.PropType = PropType, 
         error => this.errorMessage = <any>error 
        ); 
    } 
} 

wenn ich versuche, das ganze Objekt {{PropType.name}} ohne Rohrfilter zurückzukehren bekomme ich die gleichen Fehler unten ist mein Service-Methode

getPropType(id:number):Observable <PropertyTypes[]> { 
    return this.http.get(this.TypeUrl+'/'+id) 
        .map(res=>res.json()) 
        .catch(this.ThrowError); } 

Will ich erreichen, ist in der Lage, Eigenschaften Typ Details mit {{PropType.name}} zu drucken, ohne die App mit dem Fehler abstürzen, die ich Async Rohr mit sicheren Operator wie {{(PropType | async)?.name}} noch kein Glück irgendwelche Ideen ausprobiert habe?

Answer 1

Haben Sie versucht zu verwenden: *ngIf="PropType" bei der übergeordneten {{(PropType | json).name}}? Denn wenn html deine Eigenschaften nicht rendert.