我正在通过分解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>: )</span>
</div>
</ng-template>
</div>
<app-footer></app-footer>
从app.component.ts的定义可以看出,``boolean定义如下:
export class AppComponent implements OnInit {
isOnline: boolean;
}
我试图重现你的代码,它工作。你可以{{isOnline}}
来检查价值。
但是:ぁzxswい