Отображать вывод, а также отображать ошибку типа в angular?

Question

На самом деле он печатает правильный вывод в пользовательском интерфейсе. Но в консоли отображается ошибка типа? ... Как я могу это решить?

<tr>
 <th scope="row">IP addrress</th>
  <td>{{deviceinfo['ip-address']}}</td>
</tr>

ERROR TypeError: невозможно прочитать свойство 'ip-address' неопределенного

Answer 1

Или вы можете сделать:

<tr>
<th scope="row">IP addrress</th>
<td>{{deviceinfo?.ip-address}}</td>
</tr>

для краткой формы

Answer 2

это может произойти в случае, если информация об устройстве не была назначена еще , например, вы получаете значение по HTTP-запросу

вы можете использовать ngIf для отображения информации об устройстве, когда оно имеет значение или правдиво

<ng-container *ngIf="deviceinfo">
   <td>{{deviceinfo['ip-address']}}</td>
<ng-container>

другой вариант - установить для свойства deviceinfo пустой объект

компонент

 public deviceinfo:any = {};