Angular2 - обнаруживать опечатки в шаблонах

Question

Каков наилучший способ обнаружения опечаток в шаблонах HTML?

Пример:

<h1>{{computer.systemTye}}</h1>

должно быть

<h1>{{computer.systemType}}</h1>

В идеале я хотел бы видеть ошибку в консоли во время компиляции. Или в консоли отладки в браузере.

Я знаю, что могу написать модульные тесты, используя TestBed класс и использовать что-то вроде этого

de = fixture.debugElement.query(By.css('h1'));
el = de.nativeElement;

Answer 1

Используйте оператор по умолчанию, чтобы показать сообщение об ошибке. Например:

{{nae || 'error'}}

Рекомендации

• установка значения по умолчанию неопределенной переменной в JavaScript

• Значение по умолчанию для типа в JavaScript