Question

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

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

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

`: )`

如您所见，以下代码是从src/app/app.component.html中提取的，当: )的{{1}}属性为true时，以下逻辑将打印上面的isOnline。

AppComponent

从app.component.ts的定义中可以看到，布尔定义如下：

<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>

Answer 1

我试图重现您的代码，它奏效了。您可以{{isOnline}}来检查值。

演示：https://stackblitz.com/edit/ngif-else-2

Angular 7中的连接性布尔测试

1 个答案: