Доступ к вложенным свойствам в шаблоне angular2

Question

Ошибка при доступе к вложенному объекту в моем шаблоне angular2. Ошибка:

Error: Uncaught (in promise): Error: Error in /app/admin/property/items/property-items.html:7:52 caused by: self.context.property.PropertyDataType is undefined

Мой шаблон код:

<div class="col-xs-12 content-area" *ngIf="property.PropertyDataType.IsList == true"> 
    </div> 

Но когда я console.log (объект) в моем компоненте у меня есть доступ ко всем свойствам. Смотрите скриншот:

Я wouldof думал, что я могу просто получить доступ к вложенным свойствам с помощью «property.PropertyDataType.IsList» в моем шаблоне, но, кажется, не признают вложенное свойство: PropertyDataType.

Любая помощь была бы признательна. спасибо

Answer 1

Вы можете использовать безопасные навигации оператор Превен ошибки в случае, если значение еще не установлено, когда Угловые решает связывание:

*ngIf="property?.PropertyDataType?.IsList == true"