angular 2 4 5 - Невозможно прочитать свойство 'name' из неопределенного угла 5

Question

извините, немного по-английски

Я хочу: Показать в представлении после связи с внутренним сервером.или другое решение

view.html

<label> userId : {{ element.userId }} 
<label> brandName : {{ elemnet.brand.name }} ==> ERROR

Cause of error : I think Object initialization issues on the component.ts

component.ts

element: { [k: string]: any } = {}; ==>  Not defined element.brand{}

ngOnint(){
this.getElement()
}

getElement(): void{
this.http.get(getUrl)
     .map(res => {
          this.element = res;

         **element** ==> { 
                      userId : 1,
                      brand {
                             name: 'brandName',
                             id : 1
                            }
                     }
     })
     .catch()
}

Временное разрешение

view.html

<label> userId : {{ element.userId }} 
<label> brandName : {{ elemnet.brand?.name }} ==> Resolve

Я хочу решить эту проблему.

Спасибо.

хорошего дня.

Answer 1

Вы можете попробовать это решение

<label> userId : {{ element?.userId }} 
<label> brandName : {{ elemnet?.brand?.name }}

Answer 2

Попробуйте это

<label *ngIf="element"> userId : {{ element.userId }} </label>

<label *ngIf="element"> brandName : {{ element.brand.name }} </label>

В файле component.ts не инициализировать элемент. Оставь это так

public element;

Answer 3

Ваше временное решение не временное, а правильное.

Temporary resolution

view.html

<label> userId : {{ element.userId }} 
<label> brandName : {{ elemnet.brand?.name }} ==> Resolve =>> Keep this solution