Angular 7 中连接性的布尔测试

Question

我正在通过分解this example app 来研究 Angular 7。

Angular 7 应用程序正在通过向类定义添加布尔属性然后使用ngIf 来测试视图中的布尔属性来测试连接性。布尔属性测试的具体连接是什么？

在浏览器中打印了以下不想要的结果，而不是所需的内容。

`: )`  

如你所见，下面的代码是从src/app/app.component.html中提取出来的，当AppComponent的isOnline属性不为真时，下面的逻辑会打印上面的: )。

<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