Angular 7中连接的布尔测试

问题描述 投票:0回答:1

我正在通过分解this example app来研究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的定义可以看出,``boolean定义如下:

export class AppComponent implements OnInit {

  isOnline: boolean;

}
javascript angular typescript angular7
1个回答
0
投票

我试图重现你的代码,它工作。你可以{{isOnline}}来检查价值。

但是:ぁzxswい

© www.soinside.com 2019 - 2024. All rights reserved.