Булев тест на связность в Angular 7

Question

Я изучаю Angular 7, разлагая этот пример приложения .

Приложение Angular 7 проверяет связность, добавляя логическое свойство в определение класса, а затем используя ngIf для проверки логического свойства в представлении. Для какого конкретного соединения тестируется логическое свойство?

Следующий нежелательный результат печатается в браузере вместо желаемого содержимого.

`: )`  

Как видите, следующий код, извлеченный из src / app / app.component.html , следующая логика выводит : ) выше, когда свойство isOnline AppComponent не является правда.

<div>
  <app-header></app-header>
  <router-outlet *ngIf="isOnline;else isOffline"></router-outlet>
  <ng-template #isOffline>
    <div>
        <span>:&nbsp;)</span>
    </div>
  </ng-template>
</div>
<app-footer></app-footer>  

Как видно из определения app.component.ts , логическое значение `` определяется следующим образом:

export class AppComponent implements OnInit {

  isOnline: boolean;

}

Answer 1

Я пытался воспроизвести ваш код, это сработало.Вы можете {{isOnline}} проверить значение.

Демо: https://stackblitz.com/edit/ngif-else-2