Свойства безопасной навигации в Angular

Mar 18, 2018

Свойства безопасной навигации применяется в шаблонах для переходя по цепочке свойств объекта без генерирования ошибок в случае, если какого-либо свойства обнаружено не будет (вернет null).

Например, запись вида {{ safeObj.mamba.karamba }} вернет ошибку, так как изначально свойства mamba нет. Однако запись вида {{ safeObj.mamba?.karamba }} предотвратит генерирование ошибки.

Суффикс ? говорит Angular о том, что если свойство равно null или undefined, последующие свойства или методы искать не следует.

// component
public safeObj = {
    data : {
        val: 'test'
    }
}
{{ safeObj.mamba?.karamba }}

Ошибки не будет.

Добавить комментарий